使用highcharts切换警报可见性

Question

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

Answer 1

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

• 在使用redraw事件加载数据之前创建“空白”图表以隐藏加载消息，并使用load事件集来显示加载消息：

  // blank graph
  $('#container').highcharts({
      chart: {
          events: {
              redraw: function(){
                  this.hideLoading();
              },
              load: function(){
                  this.showLoading();
              }
          }
      }
  });

• 使用addSeries()进行AJAX调用以检索数据并加载到图表中，上述事件将显示/隐藏消息。

这是一个example jsFiddle。