Javascript 如何在c3js饼图上绘制自定义JSON数据？

我想基于以下JSON（从HQL hibernate Java Play framework接收）绘制C3js饼图。。。 JSON如下所示（这是动态数据）：

HTML:

在ug、ug1、ug2、ug3的位置，我需要K、M2、M3、M4（需要注意的是，这些是动态数据） 有人能帮我根据需要操作数据来绘制饼图吗？ 我希望改变后端JSON的结构不是唯一的解决方案（但在我的情况下这是非常困难的）。欢迎使用任何其他解决方案。

只要

“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',
  }
});

---

的确如此。感谢您的时间和帮助：）

<div id="chart"></div>

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',
    }
});

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',
  }
});