Smooth animation transitions when series data changes
It would be great if individual points could be automatically animated when the data sets change.
I came up with a solution myself for a relatively simple data but I would love if this could be used to create cool charts like this (when bubble charts are implemented!)
http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html
here is my quick 'simple' demo: http://jsfiddle.net/Robodude/Dswzy/6/
![](https://secure.gravatar.com/avatar/5b96eb25966ba440a836006fb58d971f?size=40&default=https%3A%2F%2Fassets.uvcdn.com%2Fpkg%2Fadmin%2Ficons%2Fuser_70-6bcf9e08938533adb9bac95c3e487cb2a6d4a32f890ca6fdc82e3072e0ea0368.png)
-
john commented
oh wow! that is a lot easier then what I was doing ^_^
Thanks for the reply!
-
Animation with setData is probleatic in most cases because the points are destroyed and new ones are created.
However, in a case like yours, it would be better if you just loop over all points and use Point.update(). See http://jsfiddle.net/highcharts/Hbmyq/.
-
john commented
I was thinking more about this and it'd be cool if there was a function called "moveData" or "translateData" in addition to setData.
-
john commented