c3js円グラフでカスタマイズされたJSONデータをプロットする方法は？

Question

私は（Javaのプレイフレームワークを-休止状態HQLから受信した）以下のJSONに基づいてC3js円グラフをプロットしたい... 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', 
    } 
}); 

Here is a fiddle for reference.

私はK、M2、M3、M4が必要です（これらは動的データです） 必要に応じて円グラフを描くためにデータを操作する人は誰も助けてくれますか？ バックエンドでJSONの構造を変更することが唯一の解決策ではないことを願っています（ただし、私の場合は非常に困難です）。他の解決策は高く評価されます。

Answer 1

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

jsfiddle.net/4h4z00g7/