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

回答

相關問題