在初始渲染后将数据添加到Highcharts
我正在使用Highcharts并使用初始化数据在初始渲染后将数据添加到Highcharts,highcharts,Highcharts,我正在使用Highcharts并使用初始化数据 var graph = Highcharts.chart('container', { ................ series: [{ color: 'red', data: [[5, 2], [800, 2], [801, 1],[802, 3],[803, 2],[804, 2],[1200, 3]] }, ............. } 我遇到的问题是,在呈现初始图表之后,我希望动态
var graph = Highcharts.chart('container', {
................
series: [{
color: 'red',
data: [[5, 2], [800, 2], [801, 1],[802, 3],[803, 2],[804, 2],[1200, 3]]
},
.............
}
我遇到的问题是,在呈现初始图表之后,我希望动态添加更多数据
在这种情况下,我使用的是更新
graph.update(
{
series: [{
color: 'blue',
data: [[100, 2], [101, 2], [102, 1] ]
},
});
这是可行的,但它取代了整个数据集。
那么,我应该如何使用update()函数添加点而不是替换点呢
我看到人们正在使用其他函数,如addPoint()和setData(),但我无法使它们正常工作。。。
提前谢谢
Gus请参考此现场演示: 我将所有点添加到一个循环中<
addPoint
函数的code>redraw参数(第二个)设置为false
——每次添加后无需重新绘制图表。最后只执行一次重绘
var chart = Highcharts.chart('container', {
series: [{
data: [1, 2]
}]
});
var pointsToAdd = [4, 5, 6, 6, 7];
pointsToAdd.forEach(function(p) {
chart.series[0].addPoint(p, false);
});
chart.redraw();
API参考: 检查这个。添加您面临困难的示例