繪製線路圖和條形圖中flot.js的JSON數據

Question

我有這樣的

{ 
    "srno": 1234567890, 
    "datetime": "MM-dd-yyyy HH:mm", 
    "meters": [ 
    { 
     "mid": 63, 
     "phase":1, 
     "v": 1234, 
     "c": 5678, 
     "kw": 2348, 
     "kwh": 2342, 
     "okda" : 1, 
     "poca" : 1 
    }, 
    { 
     "mid": 62, 
     "phase":2, 
     "v": 1234, 
     "c": 5678, 
     "kw": 2348, 
     "kwh": 2342, 
     "okda" : 1, 
     "poca" : 3 
    } 
    ] 
} 

我要的是繪製在我的網頁此數據的JSON數據。請幫助我。 jQuery的爲同樣可以從這個鏈接

https://jsfiddle.net/93ttkjr4/

我想我的網頁上填寫此數據來推斷。

Answer 1

你必須改變你的數據到正確的format的海軍報（這是數組的數組的數組）像這樣的東西（example_data是從你的問題的JSON）：

var bar_data = []; 
for (var i = 0; i < example_data.meters.length; i++){ 
    var meter = example_data.meters[i]; 
    var temp = { data: [], bars: { order: i }}; 
    for (item in meter){ 
     temp.data.push([item, meter[item]]);  
    } 
    bar_data.push(temp); 
} 

看到這個fiddle爲一個使用Side-by-side Improved插件的完整示例。