2012-05-29 87 views
2

我想显示一个动画的饼图,使它从一个“小点”增长到全尺寸的饼图,像这样的growing pieHighcharts Demo Gallery - Pie,但我想要应用它与gRaphael做了一个饼,gRaphael饼图:添加动画

这里是我的jsfiddle例如...提前raphael pie chart with legend

感谢,

+2

计算器是不是 “给我的codez” 还挺网站。 [你尝试过什么](http://mattgemmell.com/2008/12/08/what-have-you-tried/)? –

+0

是的,我确实....... – Daniel

+0

所以请在问题中说明。没有显示一些研究工作,你不可能得到有用的答案。 –

回答

7

为了达到那样的动画,你必须访问的部门和......它们的动画:)

你可以做到这一点使用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/

玩得开心;)

+0

谢谢,这就是我一直在寻找的! – Daniel

+0

非常好。你有gRaphael的API参考吗?官方网站没有提供文档.. –

+0

没有API参考,除了https://github.com/DmitryBaranovskiy/g.raphael –