Добавить Флаг на основе события кнопки

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' 
}); 

}); 

Вышеуказанный код является частью варианта диаграммы с высоким значением, и я хочу добавить флаг на основе щелчка пользовательского события. Однако я могу добавить новый флаг точки в диаграмму, но существующие флаги, названия которых 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' 
    }); 
});