Bar chart with same options doesn't work anymore in v5+

[mwijnands]

After upgrading highchart-angular from 4.0.1 to 5.1.0, my bar chart looks different
(and wrong).

I have a jsfiddle using Highcharts directly, with the latest version of Highcharts: https://jsfiddle.net/9jar53n8/ The result is:

Using the same chartoptions with highcharts-angular gives me:

I have no idea why.

[mwijnands]

this seems to happen because this.chart()?.update(this.options(), true, this.oneToOne()); in keepChartUpToDate() creates the chart and then also immediately calls the update function on the chart instance. I made changes so the update is only called when the chart already exists and needs to be updated. That way the chart shows correctly.

  private _chartCreated: boolean = false;

  private keepChartUpToDate(): void {
    effect(() => {
      this.update();
      if (!this._chartCreated) {
        const chart = this.chart();
        if (chart) {
          this._chartCreated = true;
        }
      } else {
        this.chart()?.update(this.options(), true, this.oneToOne());
      }
    });
  }

I will try to make a PR with a fix and an example project with the issue.

[ddragula]

Thanks a lot for the report and for being open to creating a PR with a fix 🙌
I was able to reproduce the problem on my side as well.