javascript - 在 HighChart 中绘制以下 json

Question

以下是Json格式1.1的json对象

    {
       "JSONVersion":1.1,
       "DataBehaviour":"Timebased",
       "MeasurementUnit":"MB",
       "Error":"",
       "DataSeries":[
          {
             "name":"AvailableMBytes",
             "data":[
                {
                   "x":1396602300000,
                   "y":"1156"
                },
                {
                   "x":1396605900000,
                   "y":"1137.05"
                }
             ]
          }
       ]
}

是否可以在 Highcharts 中绘制数据？我的代码看起来像这样，但没有显示任何输出。

$(document).ready(function() {
    var options = {
        chart: {
            renderTo: 'container',
            type: 'spline'
        },
        series: [{}]
    };

    $.getJSON('data.json', function(data1) {
        options.series[0].data = data1.data;
        var chart = new Highcharts.Chart(options);
         });

});

Answer 1

如果它是问题中所示的数组，则对其进行迭代这是 working demo 的链接

json 需要有数字而不是字符串:

{
   "JSONVersion":1.1,
   "DataBehaviour":"Timebased",
   "MeasurementUnit":"MB",
   "Error":"",
   "DataSeries":[
      {
         "name":"AvailableMBytes",
         "data":[
            {
               "x":1396602300000,
               "y":1156 
            },
            {
               "x":1396605900000,
               "y":1137.05
            }
         ]
      }
   ]
}

和图表代码

$.getJSON('data.json', function(data1) { 
    options.series[0].data = data1.DataSeries[0].data;
    options.series[0].name = data1.DataSeries[0].name;
    var chart = new Highcharts.Chart(options);
     });

您可以直接将“item”放入系列中，因为它具有名称和数据。