我可以在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: []

});