Highchart折线图 - 解析json

我试图解析外部json并创建此折线图。如果我在页面上使用下面的JSON，它运行良好，但如果我使用具有相同数据的外部JSON文件，则不起作用。Highchart折线图 - 解析json

var data = [{"name":"Efficiency","data":[215, 226, 210]}];

的Javascript：

$.getJSON('/public/history/1800999999', function(data) { 


var myChart = Highcharts.chart('containerCharts', {  

    title: { 
     text: 'Lorem Ipsum' 
    }, 

    subtitle: { 
     text: 'Lorem Ipsum' 
    }, 


    yAxis: { 
     title: { 
      text: 'Dollar Amount' 
     } 

    }, 
    legend: { 
     layout: 'vertical', 
     align: 'right', 
     verticalAlign: 'middle' 
    }, 


    plotOptions: { 
     series: { 
      pointStart: 1983 
     } 
    }, 
    chart:{ 
     height: 500 

    }, 


    series: data 

}); 

});

我不知道为什么它不会在外部JSON文件与数据的工作。

来源

2017-08-31 user3715910

你检查你的浏览器'Network'标签？它真的会返回正确的JSON吗？ –

我做到了。我从变量数据得到的回应是： {“name”：“Efficiency”，“data”：[215,226,209,215,221,2]} – user3715910

@ Core972是正确的，要么数据必须是数组或者使用'series：[data] '。例如：http://jsfiddle.net/3fcwuj7s/。 –

读documentationdata必须是一个数组不是对象：

var data = {"name":"Efficiency","data":[215,226,209,215,221,2]}; // Not working 
var data = [{"name":"Efficiency","data":[215,226,209,215,221,2]}]; // Will works

这里一个fiddle

来源

2017-09-01 07:21:00 Core972

Highchart折线图 - 解析json

回答

相关问题