Ajax和Highcharts – 在检索数据之前显示“加载”,然后填充图表

我有一些 PHP脚本,实际上需要很长时间来检索数据.因此,这会影响高图加载时间,因为当检索到所有数据后,当前代码I仅写入图表,因为高图代码仅在所有处理完成后才回显.

这会导致页面在检索数据之前基本上不显示任何内容.目标是让highcharts立即加载,然后使用PHP脚本返回的数据写入系列.

因此,我期待的是让所有图形都立即加载并显示“加载”而没有数据,然后使用setData在PHP脚本完成后将数据传递给图形系列.

我只是想知道是否有人有任何这方面的例子？我遇到的另一个问题是只能在$(document).ready(function()函数中设置数据.

作品：
    http://preview.tinyurl.com/b724bxo

休息：
    http://preview.tinyurl.com/a7mqqkc

非常感谢和任何帮助将受到极大的关注.

解决方法

您无法访问变量超出范围,将其移动到该范围或使变量全局变量.

> http://jsfiddle.net/M2jv7/33/-内部范围
> http://jsfiddle.net/M2jv7/34/-全局变量

var pipeline_by_sales_stage_highchart;
$(document).ready(function () {
            pipeline_by_sales_stage_highchart = new Highcharts.Chart({
});

...

// somewhere:
pipeline_by_sales_stage_highchart.series[0].setData(data);