1

我正在尝试将数据动态加载到 Highcharts 中，但我遇到了问题。我尝试以多种方式执行此操作，数据似乎已加载到 JS，但未绘制图表。

目前这是我在 jQuerydocument ready函数中的代码：

options = {
    chart: {
        renderTo: 'container',
        zoomType: 'x',
        animation: true,
    },
    title: {
        text: null
    },
    subtitle: {
        text: null
    },
    xAxis: {
        type: 'datetime',
        title: {
            text: null
        },
    },
    yAxis: {
        title: {
            text: 'Size',
        },
    },
    legend: {
        enabled: false
    },

   series: [{
        data: []
    }]
}

$.ajax({
        type: "GET",
        url: "works/load_data.php",
        data: "id=3&mdate=2012-02&mxdate=2012-03",
        success: function (items) {

            var obj = eval(items).load;
            var series = { data: [] };

            $.each(obj, function (itemNo, item) {
                series.data.push(item);
            });

            options.series.push(series);

        },
        cache: false,
});
var chart = new Highcharts.Chart(options);

图表上什么也没有发生。但是，如果我登录到控制台图表选项，我会得到：

在此处输入图像描述

我的 PHP 正在回显这样的数据： data = {load:[ {x: Date.UTC(2012,2,1,7,15), y: 0.012},{x: Date.UTC(2012,2,1,7,30), y: 0.068} ... ]}

至少对我来说似乎还可以。但它不起作用:(有人可以告诉我我做错了什么吗？？谢谢。

4

1 回答 1

2

AJAX 是异步的，这意味着调用发生在您渲染图表之后。在您的成功事件之后尝试创建图表，如下所示：

$.ajax({
        type: "GET",
        url: "works/load_data.php",
        data: "id=3&mdate=2012-02&mxdate=2012-03",
        success: function (items) {

            var obj = eval(items).load;
            var series = { data: [] };

            $.each(obj, function (itemNo, item) {
                series.data.push(item);
            });

            options.series.push(series);


            var chart = new Highcharts.Chart(options);

        },
        cache: false,
});
于 2012-05-14T20:19:46.767 回答