gpt4 book ai didi

javascript - Highcharts 多个数据系列

转载 作者:行者123 更新时间:2023-12-02 16:57:59 25 4
gpt4 key购买 nike

我有一些数据数组想要添加到 Highcharts 系列中。添加第二个或第三个数组时出现错误或 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

最佳答案

您最初在此处创建一个包含单个空白系列的图表:

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

不是 above methods 的 bool 参数将控制重绘。

示例 here .

关于javascript - Highcharts 多个数据系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26021046/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com