Chart JS 替换所有Dataset数据
Chart JS Replace All Dataset Data
我想用一组新的对象完全替换我的图表数据。图表数据已被新数据替换,但在我调用 mychart.update() 后图表未更新。有没有办法在不破坏图表的情况下替换整个数据?
这是我的代码:
Livewire.on('changeData', () => {
myChart.data.datasets.data = @this.data;
myChart.update();
console.log(myChart.data.datasets.data);
})
旧数据
新数据
这是因为你做错了,datasets
字段是一个包含所有数据集的数组,所以它不包含data
字段。您需要定位要从中替换数据的特定数据集,如下所示:
myChart.data.datasets[datasetIndex].data = @this.data; // in case you only have 1 dataset you can just hardcode a 0
myChart.update();
我想用一组新的对象完全替换我的图表数据。图表数据已被新数据替换,但在我调用 mychart.update() 后图表未更新。有没有办法在不破坏图表的情况下替换整个数据?
这是我的代码:
Livewire.on('changeData', () => {
myChart.data.datasets.data = @this.data;
myChart.update();
console.log(myChart.data.datasets.data);
})
旧数据
新数据
这是因为你做错了,datasets
字段是一个包含所有数据集的数组,所以它不包含data
字段。您需要定位要从中替换数据的特定数据集,如下所示:
myChart.data.datasets[datasetIndex].data = @this.data; // in case you only have 1 dataset you can just hardcode a 0
myChart.update();