Ajax 和 Highcharts - 显示 'loading' 直到检索到数据，然后填充图表

Question

我有一些 php 脚本，它们基本上需要很长时间才能检索数据。因此，这会影响 highcharts 加载时间，因为我的当前代码仅在检索到所有数据后才写入图表，因为只有在所有处理完成后才会回显 highcharts 代码。

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

所以，我想要的是让所有图形立即加载并显示没有数据的“加载”，然后在 php 脚本完成后使用 setData 将数据传递到图形系列。

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

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

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

非常感谢，任何帮助将不胜感激。

Answer 1

不知道你是否还在寻找这个，但要显示“加载”消息，你可以使用图表上的“setLoading()”方法。

pipeline_by_sales_stage_highchart.setLoading("Loading...")

检查这个 fiddle : http://jsfiddle.net/QSfEJ/