使用chart.js的动态图表

Question

我想用chart.js和angular在图表上添加一条新线。 我可以更新数据，但不能动态添加行

我不知道有可能。

我尝试过

 public getData(){
this.http.fetchCpuMetrics()
    .subscribe(data => {
      data.data.result.forEach(item => {
        if (this.lineChartData.find(el => el.label == item.metric.pod_name) == undefined && item.metric.pod_name.startsWith('demo-app')){
          const obj = {
            data: [item.value[0]],
            label: item.metric.pod_name
          };
          this.lineChartData.push(obj);
        }
        this.lineChartLabels.push(Date.now().toString());
        this.chart.chart.update();
      });
      this.lineChartData.push({data: [10], label: "pod2"});

      console.error(this.lineChartData);
    });
}