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

标签 javascript jquery arrays chart.js

我检查了所有其他答案,但没有找到我要找的内容。我正在尝试将 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

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

关于javascript - 从数组向 Chart.JS 添加标签和颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38324577/

相关文章:

javascript - 以 this 作为参数的复选框开关不会保存更改 .checked 值

javascript - jquery 显示超时倒计时输出

javascript - linq 在 javascript 中工作吗

javascript - 在表体上应用滚动事件

jQuery Mobile 断开链接。正确的使用方法是什么?

ruby - 在 Ruby 中删除数组中的 nil 和空白字符串

javascript - console.log() 异步还是同步?

javascript - 引导模式中的按钮没有响应

arrays - 取消引用 UnsafeMutablePointer<UnsafeMutableRawPointer>

c++ - GCC8.2如何启用警告: array subscript is above array bounds [-Warray-bounds]