Highchart线图 - 解析JSON

Question

我正在尝试解析外部JSON并创建此行图。如果我在页面上使用下面的JSON，它可以很好地工作，但是如果我使用具有相同数据的外部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文件中不使用数据。

Answer 1

阅读文档data必须是一个数组而不是对象：

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

这里有小提琴