Javascript 在flot.js中为JSON数据绘制折线图和条形图
我有这样的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" :
{
"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);
}