Highcharts:使用JSON对象

时间:2016-06-24 05:01:44

标签: javascript jquery arrays json highcharts

我正在使用Highcharts并且需要绘制图表,其中我拥有的JSON数据具有以下结构:

{ "RigName": "RIG-101", TimeFrame: "2014", "Value": 578, "Category": "Hazard Hunt" },
     { "RigName": "RIG-101", TimeFrame: "2015", "Value": 555, "Category": "Hazard Hunt" },
     { "RigName": "RIG-102", TimeFrame: "2014", "Value": 350, "Category": "Hazard Hunt" },
     { "RigName": "RIG-103", TimeFrame: "2014", "Value": 120, "Category": "Hazard Hunt" },
     { "RigName": "RIG-103", TimeFrame: "2015", "Value": 460, "Category": "Hazard Hunt" },
      { "RigName": "RIG-101", TimeFrame: "2015", "Value": 160, "Category": "TRIC" },
     { "RigName": "RIG-102", TimeFrame: "2014", "Value": 210, "Category": "TRIC" },
     { "RigName": "RIG-102", TimeFrame: "2015", "Value": 152, "Category": "TRIC" },
     { "RigName": "RIG-101", TimeFrame: "2014", "Value": 420, "Category": "Kilometers" },
      { "RigName": "RIG-101", TimeFrame: "2015", "Value": 489, "Category": "Kilometers" },
      { "RigName": "RIG-102", TimeFrame: "2014", "Value": 450, "Category": "Kilometers" },
      { "RigName": "RIG-102", TimeFrame: "2015", "Value": 555, "Category": "Kilometers" },

我希望我的图形看起来像这样:( p.s:下面的图片只是最终结果的样子,并不是上面的数据。) enter image description here

它由“TimeFrame”分组,“RigName”分组为x轴,“Values”分组为选定“类别”的y轴(例如“Hazard Hunt”;我们需要先过滤JSON数据其中“category”=“Hazard Hut”并使用。)。

我可以初始化Highcharts并将此JSON数据用作数据源,无论是否处理它的最佳方式是什么?

提前感谢。

0 个答案:

没有答案