Линейная диаграмма и линейчатая диаграмма в файле flot.js для данных JSON

Question

У меня есть данные JSON, как это

{
    "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
    }
  ]
}

Все, что я хочу, - это вывести эти данные на мою веб-страницу. Пожалуйста, помогите мне. Jquery для того же может быть выведен из этой ссылки

https://jsfiddle.net/93ttkjr4/

Я хочу, чтобы эти данные были размещены на моей веб-странице.

Answer 1

Вы должны изменить ваши данные в правильный формат для Flot (который является массивами массивов массивов) примерно так (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);
}

Посмотрите эту скрипку для полного примера использования улучшенного плагина Side-by-side для баров.