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

阅读documentation 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

这是fiddle

Highchart线图 - Parse json

1 个答案: