gRaphael Pie Chart:添加动画

Question

我想要显示带有动画的饼图,这将使它从"小点"增长到全尺寸饼图,就像这个增长的馅饼或这个Highcharts Demo Gallery - Pie,但是我想把它应用到一个馅饼制作与gRaphael,

这是我的jsfiddle示例... 带有图例的raphael饼图

谢谢你,

Answer 1

为了实现这种动画,你必须访问扇区......并为它们制作动画:)

你可以使用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");
});

小提琴在这里:http://jsfiddle.net/85VtZ/6/

玩得开心 ;)