Javascript 海图多数据系列
我有一些数据数组要添加到high chart系列中。添加第二个或第三个数组时出现错误或setData未定义。第一个系列正确绘制Javascript 海图多数据系列,javascript,highcharts,Javascript,Highcharts,我有一些数据数组要添加到high chart系列中。添加第二个或第三个数组时出现错误或setData未定义。第一个系列正确绘制 $('#container').highcharts({ chart: {}, series: [{ data:[] }] }); function showChart() { var s
$('#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
不是的布尔参数将控制重绘
例如