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