ChartJS用颜色更新数据

am46iovg 于 2022-11-07 发布在 Chart.js

关注(0)|答案(1)|浏览(161)

晚上所有，我有一个功能来更新我的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不是对象（评估'bubbleChart.backgroundColor. push'）

chart.js

来源：https://stackoverflow.com/questions/72538194/chartjs-update-data-with-a-colour

1条答案

按热度按时间

h43kikqp1#

数据没有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();
}

赞(0）回复(0）举报 2022-11-07

我来回答

ChartJS用颜色更新数据

1条答案

相关问题

热门标签

最新问答