CODEWITHSUNDEEP
javascriptraphaelhighcharts
aehlke
aehlke

Reputation: 15831

Highcharts equivalent of this Raphael.js chart demo -- possible?

Is it possible to do the equivalent of this Raphael.js chart demo in Highcharts? Namely, to be able to have the graph animate a transform into the new data.

The only example I've seen of charting new data in Highcharts simply redraws the entire chart, instead of transforming the points into the new data. So I'm not sure it's even doable.

Upvotes: 6

Views: 6138

Answers (3)

George Mavritsakis
George Mavritsakis

Reputation: 7083

You can find many examples on the Highcharts web site, but yes lately highcharts have implemented the animate option which is on by defualt, so that when you change data, the graphs animate into the new positions.

One example I have found is this: Highcharts animation example

chart: {
    animation: {
        duration: 1000
    }
},

Of course you can find more information on Highcharts Options Reference (look for chart options and then animation).

Thanks!

Upvotes: 3

Stefano Bagnara
Stefano Bagnara

Reputation: 851

Maybe you want to look at alternative libraries like Elycharts, a MIT licensed, SVG+VML charting library supporting "step animations", look at this demo

Upvotes: 4

Chasbeen
Chasbeen

Reputation: 1436

Yes,see http://captico.com/animation-with-raphaeljs/2010/07 There is more links and examples @ http://irunmywebsite.com/raphael/raphaelsource.php

Upvotes: 0

Related Questions