Highchart 折线图 - 解析 json答案

【问题标题】：Highchart line graph - Parse jsonHighchart 折线图 - 解析 json
【发布时间】：2018-02-09 22:07:00
【问题描述】：

我正在尝试解析外部 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 文件中的数据。

【问题讨论】：

您检查过浏览器的Network 标签吗？它真的返回正确的 json 吗？
我做到了。我从变量数据中得到的响应是：{"name":"Efficiency","data":[215,226,209,215,221,2]}
@Core972 是对的，要么数据必须是数组，要么使用series: [data]。示例：jsfiddle.net/3fcwuj7s.

标签： javascript jquery json highcharts

【解决方案1】：

读取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

【讨论】：