JSON数据中的多线图-JavaScript

时间:2018-07-02 15:06:02

标签: javascript json graphing

我正在尝试根据由多个传感器生成的JSON文件创建多线图。我遇到的主要问题是,我可能并不总是知道要提供什么传感器数据,因此我需要能够为每个键设置一行-只要该键不为空,无论该键是什么。
样本JSON文件:

 [{
     "name": "sensor1",
     "time": "2018-06-28 10:08:04",
     "message": "11403",
     "temp": "27.00",
     "humidity": "42.00",
     "pressure": "1000.00",
     "CO": null,
     "SO2": null,
     "O3": null,
     "NO2": null,
     "PM1": null,
     "PM2_5": null,
     "PM10": null,
     "CO2": "455.00"
 }, {
    "name": "sensor1",
    "time": "2018-06-28 09:08:04",
    "message": "11399",
    "temp": "27.00",
    "humidity": "42.00",
    "pressure": "1000.00",
    "CO": null,
    "SO2": null,
    "O3": null,
    "NO2": null,
    "PM1": null,
    "PM2_5": null,
    "PM10": null,
    "CO2": "429.00"
}

因此要绘制最后一次但到目前为止的许多读数数据的图形,我有:

var dataset = [];
$.getJSON('data.json',function(info) {
    for (var i = 0; i<info.length; i++) {
        dataset.push({x: new Date (info[i].time), y: parseInt(data[i].temp);
    }
});  

但是,如果不一遍又一遍地命名密钥,我不知道该怎么做。再次,我将永远不会知道即将进行哪些测量。我对任何类型的编程都是新手,因此我也不确定哪种JavaScript图表库最适合在这种情况下使用。

0 个答案:

没有答案