highcharts - 基于按钮事件添加标志

Question

series: [{

type: 'flags',
name: 'Flags on axis',

data: [{
x: Date.UTC(2011, 2, 1),
title: 'A'

}, {
x: Date.UTC(2011, 5, 1),
title: 'C'
}],

shape: 'squarepin'
}]

 $("#btnAddFlag").click(function () {

chart.series[0].setData(
{

x: Date.UTC(2011, 2, 1),
title: 'B'
});

});

上面的代码是 highstock 图表选项的一部分，我想根据用户事件点击添加标志。但是，我可以将新的点标志添加到图表中，但会错过标题 A 和 C 的现有标志。

1. 如何使用现有标志将新标志添加到图表中？

2. 另一方面，我能够获取标志数据，但我不确定生成正确的数据结构并将新旧标志数据重新初始化回图表中。

谢谢你。

Answer 1

使用 addPoint 而不是 setData。

http://api.highcharts.com/highstock#Series.addPoint()

$("#btnAddFlag").click(function () {
  chart.series[0].addPoint({
    x: Date.UTC(2011, 2, 1),
    title: 'B'
  });
});