Chart JS 替换所有Dataset数据

Question

我想用一组新的对象完全替换我的图表数据。图表数据已被新数据替换，但在我调用 mychart.update() 后图表未更新。有没有办法在不破坏图表的情况下替换整个数据？

这是我的代码：

  Livewire.on('changeData', () => {
    myChart.data.datasets.data = @this.data;
    myChart.update();

    console.log(myChart.data.datasets.data);
  })

旧数据

新数据

Answer 1

这是因为你做错了，datasets字段是一个包含所有数据集的数组，所以它不包含data字段。您需要定位要从中替换数据的特定数据集，如下所示：

myChart.data.datasets[datasetIndex].data = @this.data; // in case you only have 1 dataset you can just hardcode a 0
myChart.update();

Chart JS 替换所有Dataset数据

Chart JS Replace All Dataset Data

chart.js

chartjs-2.6.0