从数组向图表添加标签和颜色.JS

Adding labels and colours to Chart.JS from arrays

本文关键字:加标签 颜色 JS 添加 数组      更新时间:2023-09-26

我已经检查了所有其他答案,但还没有找到我要找的东西。我正在尝试将 JSON 数据添加到我的图表中,并且我已经成功地添加了一些数据,但标签都显示为一个字符串,我的颜色只生成一次,这意味着饼图只有一个部分有任何颜色。这就是我声明数组并将数据读入其中的方式。

var labels = [];
var failureData = [];
data.map(function(item) {
    labels.push(item.operatorDescription);
});
data.map(function(item) {
    failureData.push(item.failureCount);
});

这就是我尝试加载图表的方式。

var config = {
    type : 'pie',
    data : {
        datasets : [ {
            data : failureData,
            backgroundColor : [ randomColour()],
        } ],
        labels : [ labels ]
    },
    options : {
        responsive : true
    }
};

名为failureData的变量可以很好地进入图表上的部分,但是标签都聚集在一个部分中,并且颜色仅生成一次。

任何帮助将不胜感激。

编辑:我已经通过替换解决了标签问题

labels :  [ labels ]

labels: labels

不过,颜色仍然是一个问题,它现在只是在所有部分传播一种颜色。

编辑 2:我通过创建随机颜色数据数组并将其作为颜色传递来解决另一个问题。

我已经通过替换解决了标签问题

labels :  [ labels ]

labels: labels

我通过创建随机颜色数据数组并将其作为颜色传递来解决另一个问题。