首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >gRaphael饼图:添加动画

gRaphael饼图:添加动画
EN

Stack Overflow用户
提问于 2012-05-29 20:12:15
回答 1查看 3.2K关注 0票数 2

我想用动画显示饼图,让它从一个“小点”变成全尺寸的饼图,就像这个growing pie或这个Highcharts Demo Gallery - Pie,但我想把它应用到用gRaphael制作的饼图上。

下面是我的jsfiddle示例。raphael pie chart with legend

感谢您的支持,

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-05-31 04:32:17

为了实现这种动画,你必须访问扇区和...设置它们的动画:)

您可以使用your_pie.each()来完成此操作

代码语言:javascript
复制
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/

玩得开心;)

票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10798909

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档