【问题标题】:gRaphael Pie Chart : Add animationgRaphael 饼图:添加动画
【发布时间】:2012-06-03 15:54:04
【问题描述】:

我想显示带有动画的饼图,使其从“小点”成长为全尺寸饼图,例如 growing pieHighcharts Demo Gallery - Pie ,但我想将其应用于用 gRaphael 做的馅饼,

这是我的 jsfiddle 示例...raphael pie chart with legend

谢谢,

【问题讨论】:

  • stackoverflow 不是“给我代码”之类的网站。 did you try anything?
  • 所以请在问题中说明。如果不付出一些研究努力,您就不可能得到有用的答案。
  • 适合自己。我正在努力提供帮助,但信息如此之少很难做到。
  • 我正在寻找一种用动画显示图表的方法,我认为对于普通的 g raphael 用户来说,这将是花生......(我的图形知识很差)......我猜我错了,还是谢谢
  • 您的意思是类似于that 的意思吗?单击饼图以查看操作。当然,它有几个问题,但这是一个起点 - 尝试摆弄它,看看你能想出什么。

标签: raphael graphael


【解决方案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/

玩得开心;)

【讨论】:

  • 谢谢,这正是我想要的!
  • 非常好。你有 gRaphael 的 API 参考吗?官方网站没有提供任何文档..
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-02-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-03-28
  • 2012-01-02
相关资源
最近更新 更多