如何在加载数据时在highchart中显示progrss栏？

Question

我正在使用json加载图表，但这需要一段时间，所以同时我想显示进度条以显示后面发生的过程。

    $.getJSON('frontend/js/tmp/data40.json', function(data) {
           options.series=data; 
           var chart = new Highcharts.Chart(options);
    });

如何显示进度条？

Answer 1

您可以使用highcharts的showLoading功能来显示进度条。

yourChart.showLoading('Loading...');
yourChart.hideLoading();

将分享一个有效的演示

请参阅备用方式，因为您希望等到响应返回并且数据填写在高度图中，请参阅Working demo on your code
您可以根据需要设置和加载“加载数据”文本或使用加载图标/微调器图标。

 $("#container").text("Loading Data");
  $.getJSON('data10.json', function(data) {
    options.series=data;
     chart = new Highcharts.Chart(options);


});