如何在c3js饼图上绘制定制的JSON数据？
如何在c3js饼图上绘制定制的JSON数据？
提问于 2017-07-13 13:10:11
我想根据以下JSON绘制C3js饼图(从hibernate框架接收).JSON看起来如下(这是动态数据)：
{"ug":["K","M2","M3","M4"],"wtv":[10,20,35,60]}HTML：
<div id="chart"></div>JS (我实际上尝试过的)：
var json ={"ug":["K","M2","M3","M4"],"wtv":[10,20,35,60]};
var ug =json.ug;
var wtv=json.wtv;
var chart = c3.generate({
data: {
json: {
ug:wtv[0],
ug1:wtv[1],
ug2:wtv[2],
ug3:wtv[3],
},
type : 'pie',
}
});在ug、ug1、ug2、ug3等地，我需要K、M2、M3、M4(需要注意的是这些是动态数据)，有人能帮助我根据需要操纵数据来绘制饼图吗？我希望在后端更改JSON的结构并不是唯一的解决方案(但在我的情况下非常困难)。任何其他解决方案都将不胜感激。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-07-13 13:19:18
只要"ug"和"wtv"有相同数量的元素..。
var json = {"ug":["K","M2","M3","M4"],"wtv":[10,20,35,60]};
var pieJson = {};
json.ug.forEach(function (ug, index) {
pieJson[ug] = json.wtv[index];
});
var chart = c3.generate({
data: {
// iris data from R
json: pieJson,
type : 'pie',
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45081618
复制相关文章
相似问题
腾讯云开发者
