从数组向图表添加标签和颜色.JS
Adding labels and colours to Chart.JS from arrays
我已经检查了所有其他答案,但还没有找到我要找的东西。我正在尝试将 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
我通过创建随机颜色数据数组并将其作为颜色传递来解决另一个问题。
相关文章:
- 第二组标签及其内容赢得'默认情况下t加载
- Chart.js条形图:网格颜色和隐藏标签
- Cordova AngularJS Ionic标签的内容在第一次加载时重叠
- ng高图表的响应行为,加载时隐藏编译的ng点击xAxis标签
- 当通过<a>标签,它无法正确加载
- d3.js轴标签-颜色不变
- 根据高图表中的列值更改数据标签颜色、旋转和对齐值
- 图表.js更改标签颜色
- 更改活动输入框上的标签颜色
- 如何在高图表中更改标签颜色
- 如何添加<br/>在最后一个单词上加标签
- Flot:通过多个堆叠条形图在整个屏幕上保持一致的标签颜色
- 更改c3js(c3.js)中的标签颜色
- 使用javascript更改标签颜色时出现问题
- 将甜甜圈图的系列标签颜色改为系列颜色
- 跨域共享策略-在Chrome上使用color-thief.js加载颜色
- 动态添加
标点符号前加标签 - Javascript Jquery-更改标签颜色
- 使用 Cookie 仅在第一页加载时加载颜色框
- 设置拉斐尔图上的标签颜色