ChartJS用颜色更新数据

Question

晚上，我有一个功能来更新我的ChartJS图表中的数据，但它将始终以纯蓝色更新，我也有一个功能来获得随机rgba颜色，但我有麻烦配对两个，下面的代码和任何帮助将不胜感激!

function updateData() {
removeData(bubbleChart);
bubbleChart.data.labels.push("Test","test 2",);
bubbleChart.data.datasets.forEach((dataset) => {
dataset.data.push([45111.00,61.97,10],[1421413.00,236.55,10],);
});
bubbleChart.data.backgroundColor.push(randomColor())
bubbleChart.update();
}

我得到以下错误:

TypeError: undefined不是一个对象(求值' bubblecchart . backgroundcolor .push')

Answer 1

数据没有backgroundColor。backgroundColor是在数据集本身指定的。所以你需要首先针对特定的数据集，你也想推送背景颜色。或者因为你让它是一个随机的颜色，你可以把它放在你的循环中，在那里你推送数据。

function updateData() {
removeData(bubbleChart);
bubbleChart.data.labels.push("Test","test 2",);
bubbleChart.data.datasets.forEach((dataset) => {
dataset.data.push([45111.00,61.97,10],[1421413.00,236.55,10],);
dataset.backgroundColor.push(randomColor())
});
bubbleChart.update();
}