Jlong
Posts: 2
Joined: Thu Nov 25, 2021 2:56 pm

Real time area chart animation problem

I am trying to work on some real time area chart animation modifying the real time line chart example: , however only the last series gets this shifting animation. Wonder if there is a way to enable all series to have the shifting animation.
Code:
https://jsfiddle.net/y17ae2sx/3/
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Real time area chart animation problem

Hello Jlong,

Thanks for contacting us with your question.

When you update multiple series with setTimeout like in this case you should redraw whole chart rather than single series. To do so you should disable redraw on adding point and redraw chart once all series are updated.
Demo: https://jsfiddle.net/BlackLabel/h1bew3g8/

Let me know if that was what you were looking for!
Regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Usage”