Ok this time, I come up with the solution to avoid the buggy animation with area series.
I used chart.renderer to draw 9 rectangles and animate them with the chart.event.redraw function
Here's the fiddle
https://jsfiddle.net/8gjqzrau

It appears because the new "min_x" (0.15) is less than the first value of min_x (0.2). If don't touch min_x, the issue disappears. I tried to update the xAxis first then setData but the animation doesn't work better...

Actually, it doesn't always work. With some values I still have white spaces during the animation.
Here's a fiddle :
https://jsfiddle.net/q5kr0ctg

OK, i found how to do this. Here's the fiddle
https://jsfiddle.net/tx95rqek/

Sorry this post should be in the "highcharts usage" forum not in this one. I don't know how to move it.

Subsidiary question, : I said I do not want to animate the 9 areas because actually I don't know how to make it "smooth". When I add "animation: true", areas don't fill correctly between state A and state B (after update) without "blank" areas. If you have a method to i...

Hello, I'm trying to update a chart containing a scatter and 9 colored areas drawn with "area" series. I want to update the scatter chart WITH animation and update the 9 areas WITHOUT animation. I did not manage to make it work. Some areas keep being animated on update. I tried to put &quo...

Perfect !
Thank you for the workaround, the quick answer and the link to the ticket.

Hello, I'm trying to update a scatter chart with setData and a slider. Chart must update when a slider stops. My data source is an array "donnees" which contains 3 arrays. When the slider equals X, I want to draw values from donnees[X] . Everything is fine, except when I move the slider ba...

Hi d-Paul 1. I'm not sure to get exactly what you mean. Sounds like exactly what I did in my previous example. I used the labelFormatter to create the spans with the series ids, then compute the sums in the afterSetExtremes function. Do you mean I should computing now the sum directly in the labelfo...

Awesome thank you very much ! I spent hours yesterday to try to fix that thing... I have 2 more questions. Here's the new jsfiddle http://jsfiddle.net/Lrcrwgm9/1/ 1) I wanted to add the sum of each serie in the legend and the overall total in the subtitle according to the range of the navigator. Thi...

I found the mistake for the datagrouping issue. The datagrouping option was not at the right place. Here's the new jsfiddle : http://jsfiddle.net/1xLny72q/34/ I can fix the tooltip issue if I add "shared = false" in tooltip options but it doesn't show all values of the point selected. If I...

Hi everyone, I'm using this data http://jsfiddle.net/1xLny72q/33/ and I can't manage to make the "datagrouping" working. When I zoom or use the navigator it doesn't change from days to monthes.. Put your mouse on a bar and you will see that the tooltip shows extra-values which doesn't belo...

Very useful as usual.
Didn't know about drawCrosshair and hideCrosshair functions.
Thank you.

You forgot to include the data module...
Add this line after highcharts.js