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

Robmeister2015

我检查了所有其他答案,但没有找到所需的内容。我正在尝试将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:我通过创建随机颜色数据数组并将其作为颜色传递来解决了另一个问题。

Robmeister2015

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

labels :  [ labels ]

labels: labels

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章