您在组件中使用了id。在创建图表时，您引用了id选择器。因此，显然，它重新呈现了与id选择器匹配的第一个组件。
您必须在每次组件生成时生成一个新的id，并以这种方式呈现。

HTML格式

<div class="chart">
  <canvas [attr.id]="id"></canvas>
</div>

组件

id = Math.floor(Math.random() * 1000);

ngAfterViewInit(): void {
  const chartContext = Chart.getChart(this.id.toString());
  if (chartContext !== undefined) {
    chartContext.destroy();
  }

  this.loadLineChart();
}
loadLineChart() {
    this.myChart = new Chart(this.id.toString(), {
      type: 'line',
      ....
    });
}

Forked Stackbliz

注：-由于我们正在从组件动态生成ID，因此我们已将图形绘制代码从ngOnInit移至ngAfterViewInit（以确保在查询之前在UI上生成和更新id）生命周期挂钩。