Angular 获取条形图中的空数据

我正在使用条形图并通过api获取值。当我从后端获取数据时，它在条形图中显示为空

下面是我的Html代码

<div fxFlex.gt-sm="33.33%" fxFlex.gt-xs="50" fxFlex="100">
    <mat-card>
      <mat-card-content>
        <canvas height="200" baseChart class="chart" [datasets]="barChartData" [labels]="barChartLabels" [options]="barChartOptions"
          [colors]="chartColors" [legend]="barChartLegend" [chartType]="barChartType"></canvas>
      </mat-card-content>
    </mat-card>
  </div>

我正在调用api

this.patientService.agecount().subscribe(res => {
            const agetest = JSON.stringify(res);
         console.log('agetesting' + agetest);
         this.agechart.push(res);
         console.log('testing' + this.agechart);
         this.agetest1();
        });

    agetest1() {
      this.databar = this.agechart;
      console.log('testing the data' + JSON.stringify(this.databar));
    }

下图显示输出

我不熟悉条形图，我花了很多时间在上面。有人能帮我解决问题吗。

尝试使用：

或

---

你能解释一下在提交update（）时，我应该在哪里注入update函数@AmyGetting error吗。类型“any[]”上不存在属性“data”。类型“any[]”上不存在属性“update”。

this.patientService.agecount().subscribe(res => {
            const agetest = JSON.stringify(res);
         console.log('agetesting' + agetest);
         this.agechart.push(res);
         console.log('testing' + this.agechart);
         this.agetest1();
        });

    agetest1() {
      this.databar = this.agechart;
      console.log('testing the data' + JSON.stringify(this.databar));
    }

 this.databar.data.datasets[0].data = res;
 this.databar.update();

this.databar.data.datasets.forEach((dataset) => {
    dataset.data.push(res);
 });
 this.databar.update();