gRaphael Pie Chart : Add animation

Question

I want to display the pie chart with an animation that will make it grow from a \"small point\" to full size pie chart , something like this growing pie or this Highcharts D

Answer 1

In order to achieve that kind of animation you have to access the sectors and... animate them :)

You can do this using your_pie.each()

pie.each(function(){
  //scale each sector to 0
  this.sector.scale(0, 0, this.cx, this.cy);
  //animate from 0 to default size
  this.sector.animate({ transform: 's1 1 ' + this.cx + ' ' + this.cy }, 1000, "bounce");
});

The fiddle is here: http://jsfiddle.net/85VtZ/6/

Have fun ;)