Chart not updating Angular15, Chart4.1

[vze23c3q]

"@angular/core": "^15.0.0",
"chart.js": "^4.0.1",
"ng2-charts": "^4.1.1"

Replacing data in lineChartData does not refresh chart.

  public lineChartData: ChartConfiguration<'line'>['data'] = {
    labels: [],
    datasets: []
  };

  public lineChartOptions: ChartOptions<'line'> = {
    responsive: true
  };

  public lineChartLegend = true;

It correctly display data the first time, but not subsequent. Logging labels and data show they are updated.

  @Input()
  public set performanceResults(value: PortfolioPerformance[]) {
    this._performanceResults = value;
    this.setupChartData();
  }

  setupChartData() {
    this.removeData();

    let labels = this.generateLabels();
    labels.forEach(element => {
      this.lineChartData.labels.push(element);
    });

    let data = this.generateDatesets();
    data.forEach(element => {
      this.lineChartData.datasets.push(element);
    });
  }

<div style="display: block">
  <canvas
    baseChart
    width="800"
    height="400"
    [type]="'line'"
    [data]="lineChartData"
    [options]="lineChartOptions"
    [legend]="lineChartLegend"
  >
  </canvas>
</div>

I was hoping lineChartData.update() would fix but that does not exist.

Any help would be much appreciated!

[vze23c3q]

Just fixed it by reinitializing lineChartData

  setupChartData() {
    this.lineChartData = {
      labels: [],
      datasets: []
    };

    let labels = this.generateLabels();
    labels.forEach(element => {
      this.lineChartData.labels.push(element);
    });

    let data = this.generateDatesets();
    data.forEach(element => {
      this.lineChartData.datasets.push(element);
    });
  }

If this is correct, please close.