突出显示多个数据系列

Highcharts multiple data series

本文关键字：数据 系列 显示      更新时间：2023-09-26

我有几个数据数组，我想添加到高图表系列中。 添加第二个或第三个数组时出现错误或设置数据未定义。 第一个系列绘制正确。

            $('#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

您最初在这里创建一个包含单个空白系列的图表：

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

不是上述方法的布尔参数将控制重绘。

这里的例子。

相关文章：