Wrong flags arrangement after dynamically set the data on function afterSetExtremes

Question

I have a highstock graph with flags that initially is correctly set.

See on Figure 1:

The graph's data is loaded dynamically when the vertical scroll bar is changed. The only thing that changes is the series data with the function

function afterSetExtremes(e) {
    var new_data_to_be_loaded = getNewDataToBeLoaded();
    chart.series[0].setData(new_data_to_be_loaded);
}

The new series data is loaded correctly but the flags is incorreclty re-arranged, se the Figure 2:

So what's wrong on the setting, since the chart.series[0].setData just set the series not the previous flags added?

Almost a solution:

I found that setdata(data, false), setting the animation/redraw to false solve the problem of wrong flag positioning.

Take a look at that: http://jsfiddle.net/b6b63nwy/10/

But this did raise another problem: the series tooltip does not appear anymore. Is this a highstocks bug?

Answer 1

The answer:

http://forum.highcharts.com/highstock-usage/bug-series-tooltip-doesn-t-render-when-use-series-setdata-t37593/

=====================================================================

If you take a look at the Series.setData section in the official API, you will find that the second argument is a Boolean property which tells if redraw the chart. Instead of setData, try to use Series.update() function.

API Reference: http://api.highcharts.com/highcharts/Series.setData http://api.highcharts.com/highstock/Series.update