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

});