Highcharts多個數據系列

Question

我有一些要添加到高級圖表系列中的數據數組。 當添加第二個或第三個數組時，出現錯誤或setData未定義。 第一個系列正確繪制。

            $('#container').highcharts({
            chart: {},
            series: [{
                data:[]
            }]
        });



        function showChart() {

        var series1 = [1, 52, 5, 98, 5, 929, 1, 9, 48];
        var series2 = [1, 92, 35, 8, 25, 729, 61, 29, 38];
        var series3 = [1, 59, 75, 26, 25, 829, 11, 19, 48];

        var mySeries = [];

        var chart = $('#container').highcharts();

        chart.series[0].setData(series1);
        chart.series[1].setData(series2);
        chart.series[2].setData(series3);
        chart.redraw();

    }//end show chart

Answer 1

您最初在此處創建一個帶有單個空白系列的圖表：

series: [{
    data:[]
}]

因此未定義chart.series[1] （第二個系列）和chart.series[2] （第三個系列）。

對您的代碼的快速修復可能是：

var chart = $('#container').highcharts();
var series1 = [1, 52, 5, 98, 5, 929, 1, 9, 48];
var series2 = [1, 92, 35, 8, 25, 729, 61, 29, 38];
var series3 = [1, 59, 75, 26, 25, 829, 11, 19, 48];

chart.series[0].setData(series1, false); // setData on existing series, don't redraw
chart.addSeries({data: series2}, false); // add new series, don't redraw
chart.addSeries({data: series3}, true); // add new series, now redraw

不是上述方法的布爾參數將控制重繪。

這里的例子。