Dynamically Update Values Of Chart.js

hello. i am having changes dynamically updating values for the bar chart (chart.js). I found a link that could help me, but it doesn’t seem to work. I do not know how to fit it into my codes.

(Link: How To Use Chart.js in Angular with ng2-charts | DigitalOcean)

any help will be appreciated. thank you so much.

page.ts

export class Health {
  chartData:ChartDataset[ ] = [{data:[ ], label:'Current Weight'}];
  chartLabels:string[ ];

constructor {
...

// I was retrieving data from firebase here by using a service 
this.chartData[0].data=[];
    this.chartLabels = [];
    this.weightservice.getallWeight()
    .subscribe(data => {
      this.chartweight = data;

        for (let char of this.chartweight){
          this.chartData[0].data.push(char.currentweight)
          this.chartLabels.push(char.date)
        }

    })  
}

}

HTML

      <canvas baseChart [datasets]="chartData" [labels]="chartLabels" type="bar"> 
      </canvas>