Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在flot.js中为JSON数据绘制折线图和条形图_Javascript_Jquery_Json_Flot - Fatal编程技术网

Javascript 在flot.js中为JSON数据绘制折线图和条形图

Javascript 在flot.js中为JSON数据绘制折线图和条形图,javascript,jquery,json,flot,Javascript,Jquery,Json,Flot,我有这样的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" :

我有这样的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


我希望在我的网页上填充此数据。

您必须将数据更改为Flot(即数组数组的数组)的右侧,如下所示(示例数据是您问题中的JSON):

var bar_data=[];
对于(变量i=0;i

请参见此,了解使用条形图插件的完整示例。

您使用的是什么绘图库?嗨,Madalin,我使用flot.js作为绘图库
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);
}