PJWilson1977
Posts: 4
Joined: Thu Aug 04, 2022 11:44 pm

Column Chart Animate each column of the same series individually

I have a single data series of 8 numbers, I want to have each column animate onto the chart at different rates.

Here is my sample chart setup - https://jsfiddle.net/PJWilson1977/w8jqLapf/203/

Looking at a way to do this without having to split each figure into it's own separate data series. This would solve the issue but I'm looking for a more elegant solution.
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Column Chart Animate each column of the same series individually

Hello Paul,

Welcome to our forum and thanks for contacting us with your question!

I think the only option to achieve this using API is to break it down into separate series, which is ok. You can later link them to the first using the linkedTo property to mask it.

Another way is to try wrapping an animation function in the core but this is more complicated: https://www.highcharts.com/docs/extendi ... highcharts

Demo: https://jsfiddle.net/BlackLabel/6yutsd9v/
API: https://api.highcharts.com/highcharts/xAxis.linkedTo

Let me know if you have any further questions!
Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Usage”