使用highcharts切换警报可见性

Posted 2021-05-05

我在加载大量数据后使用highcharts生成折线图。由于数据量巨大，因此需要额外的时间来加载数据并显示图表。是否可以在开始加载数据之前显示警报（如：数据加载），并在显示图表后隐藏该警报/消息。

答案

查看API中的loading选项。由于图表必须存在于您之前并使用选项，因此我发现最好在以下工作流程中使用：

• 在使用redraw事件加载数据之前创建“空白”图表以隐藏加载消息，并使用load事件集来显示加载消息： // blank graph $('#container').highcharts({ chart: { events: { redraw: function(){ this.hideLoading(); }, load: function(){ this.showLoading(); } } } });
• 使用addSeries()进行AJAX调用以检索数据并加载到图表中，上述事件将显示/隐藏消息。

这是一个example jsFiddle。