在Highcharts中追加数据值

Question

所以我拥有一个Highchart，其中的数据值在单击时就更新，如下所示。 ：

http://jsfiddle.net/abnitchauhan/4amyconb/

但是您可以看到单击按钮，第二个数据值再次从0开始。我想要的是将第二个数据附加到第一个数据。因此，第二组数据应从第12点开始。我希望图表数据是连续的。

此示例使用Highcharts中的setData功能。

$('#button').click(function () {
    chart.series[0].setData([129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]);
});

我也使用了push和append，但是在Highcharts中抛出了错误。

有什么方法可以实现？

任何帮助将不胜感激

Answer 1

您可以使用addPoint方法。试试这个可能对您有帮助！

它在渲染时间之后向系列添加一个点。该点可以添加到序列的开头或中间，也可以在结尾处添加X值。

$('#button').click(function () {

     //chart.series[0].setData([129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]);
     let newList = [129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4];
     newList.map(i => chart.series[0].addPoint(i));       

 });