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

Real time area chart animation problem

Thu Nov 25, 2021 4:05 pm

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: 742
Joined: Tue Jul 13, 2021 11:34 am

Re: Real time area chart animation problem

Mon Nov 29, 2021 8:20 am

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!

Return to “Highcharts Usage”