Highcharts 加载数据而不是绘图答案

【问题标题】：Highcharts loading data and not plottingHighcharts 加载数据而不是绘图
【发布时间】：2012-05-22 08:10:34
【问题描述】：

我正在尝试将数据动态加载到 Highcharts 中，但我遇到了问题。我尝试了很多方法，数据似乎加载到 JS 中，但没有绘制图表。

目前这是我在 jQuery 的 document 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} ... ]}

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

【问题讨论】：

某种现场演示总是很方便:)。
@Styxxy 很难，由于 ajax 获取请求。

标签： javascript json highcharts

【解决方案1】：

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,
});

【讨论】：

@TCB13 没问题。顺便说一句，你不应该使用 eval（查找“eval is evil”），而应该考虑 JSON.parse()。