在初始渲染后将数据添加到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]] }, ............. } 我遇到的问题是,在呈现初始图表之后,我希望动态

我正在使用Highcharts并使用初始化数据

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参考:

检查这个。添加您面临困难的示例