我可以在HighChart JS中逐個加載列（每個系列）嗎？

Question

我正在使用HighCharts JS製作氣泡圖。這是一個不言自明的說法，但我想要做的是改變機制。

圖表完美地加載圖表，但它同時加載所有列（或系列）。我希望做的是它逐個加載每一列。

您可以在此鏈接看到示例圖表： - http://www.highcharts.com/demo/bubble

正如你可以在上面顯示，他們有三個系列樣品圖中看到，他們都同時載入;我希望它一個接一個地加載。

任何想法，

謝謝。

Answer 1

您可以從選項中刪除系列，並在加載事件中添加所有選項。演示：http://jsfiddle.net/qc8bS/

$('#container').highcharts({ 

    chart: { 
     type: 'bubble', 
     zoomType: 'xy', 
     events: { 
      load: function() { 
       var chart = this; 

       function addSeries() { 
        if (s.length > 0) { 
         chart.addSeries(s[0]); 
         setTimeout(addSeries, 1000); 
         s.splice(0, 1); 
        } 
       } 

       addSeries(); 
      } 
     } 
    }, 

    title: { 
     text: 'Highcharts Bubbles' 
    }, 

    series: [] 

});