How do you update options dynamically?

I’ve been trying for a good few days to update options dynamically but it just doesn’t seem possible…

This works fine:

this.balanceChart.addSerie({name: 'Balance', color: '#6f0cc8', data: this.balanceTimespan.map((span) => span.value)});

But these does not:

this.balanceChart.options.tooltip.pointFormat = 'Saldot för {point.x} är <b>{point.y:,.0f}kr</b>';
this.balanceChart.options.xAxis[0].categories = ['a', 'b', 'c'];

Updating any of the options after the chart is created doesn’t do anything.

Any help please?

[cebor]

Try the following:

// version 6
yourChart.ref$.subscribe(ref => {
  ref.update({ /* options object */ }, true);
});

// version 5
ngAfterViewInit() {
  yourChart.ref.update({ /* options object */ }, true);
}

[chrillewoodz]

Ok thanks anyway for the quick response.