raphael - gRaphael 饼图：添加动画

Question

我想显示带有动画的饼图，使其从“小点”成长为全尺寸饼图，例如这个不断增长的饼图或这个Highcharts 演示库 - 饼图，但我想将它应用于制作的饼图与格拉斐尔，

这是我的 jsfiddle 示例...带有图例的拉斐尔饼图

提前谢谢，

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/

玩得开心 ;）