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/
john
shared this idea
-
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
