在高图表中绘制以下 json

Plotting the below json in a HighChart

本文关键字：json 绘制高图表更新时间：2023-09-26

下面是一个 json 格式的 json 对象 1.1

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

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

$(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);
         });
});

如果它是一个数组，如问题所示，迭代它这是工作演示的链接

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);
     });

您可以直接将"项目"放在系列中，因为它包含名称和数据。