Highcharts.js: how can I smooth multi-line animations of area graphs?

Question

I am trying to plot real-time area charts in Highcharts.js. The problem is that the "area" of the graphic disappears during the .addPoint () animation.

I am trying to achieve this effect: http://jsfiddle.net/DgKKX/5/

... But when I try to do this for area graphs, this happens: http://jsfiddle.net/DgKKX/6/

Has anyone figured out how to make an animated "area"?

Answer 1

Try animation duration and weakening options similar to jsfiddle.net/DgKKX/5

, "areapline", .