Question

我试图将AJAX实现到highcharts中，但由于某种原因无法使其正常工作。

我的HTML和javascript看起来像这样：

function test () {
var options = {
    chart : {
        renderTo : 'container',
        type : 'spline',
        zoomType: 'x',
    },
    series : [{
            data: []
    }]
};

$.ajax({
        url : 'data.php?year=' + year,
        datatype : 'json',
        success : function () {
            options.series[0].setData(json['data']);
            chart = new Highcharts.Chart(options);
        },
    });
}

data.php输出为：

{"name":2012,"data":[-1.4,-1.4,-1.3,-1.3,-1.3,-1.3,-1.3,-1.2,-1.3,-1.2,-1.2,-1.2]}

任何想法有什么不对？

我改成了这个：功能测试（） { var options = { 图表：{ renderTo：'容器'，类型：'spline'， zoomType：'x'， }，系列：[{ 数据：[]， }] };

$.ajax({
    url : 'data.php?year=' + year,
    datatype : 'json',
    success : function (json) {
        options.series[0].data = json;
        chart = new Highcharts.Chart(options);
    },
});
}

但我仍然没有图表

Answer 1

您忘记了成功功能的数据参数。

    success : function () {

应该是

    success : function(json) {

现在json在该函数中未定义。

Answer 2

如果您通过json加载系列对象，则需要将其解析为json（它是字符串）或在脚本中返回json。如果您获得系列对象，则无法将其分配给数据对象，因此在您的情况下，您需要使用series: datajson

具有AJAX图生成的Highcharts

2 个答案: