【问题标题】:how do I make a position in raphael js dynamic?如何在 raphael js 中动态定位?
【发布时间】:2012-06-23 20:07:58
【问题描述】:

我设计了这样的东西http://jsfiddle.net/suchitadoshi1987/dfNB8/

现在我想动态地将这三个圆圈放在不同的位置。它基本上是一个图表,图表内的圆圈是统计数据。那么任何人都可以帮助我动态定位圆圈吗?

谢谢。

【问题讨论】:

  • 对 circle() 的 x 和 y 坐标使用变量?

标签: javascript css graph raphael graphael


【解决方案1】:

您可以在没有动画时间的情况下使用animate Raphael 函数。 我在这里叉了你的小提琴:http://jsfiddle.net/UTsLJ/3/

【讨论】:

  • 嗨,谢谢您的回复...所以它就像...外圈将是 100%,内圈将代表百分比,例如 20% 10% 70%,所以就像图表。我希望在动态数据上做类似的事情。因此,我一直在寻找使这件事变得动态的方法。那么我可以提出什么样的数学公式才能适用于所有值呢?
  • 在示例中,我更改了圆的位置,但您也可以更改圆的半径。 c1.animate({r:40})。数字40可以用Javascript计算:c1.animate({r: percentage });
  • 酷!我还有一个问题。/...我应该如何产生悬停效果,以便它显示每个内圈的“悬停”数据?谢谢!! :)
  • 您可以像我在这里一样使用 mouseouver 和 mouseout 事件处理程序:jsfiddle.net/UTsLJ/4
  • 谢谢!但我如何添加工具提示?像 86.5 我们在圆圈内显示,我们如何使用矩形工具提示显示?
猜你喜欢
  • 2012-07-20
  • 2011-02-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-11-08
  • 1970-01-01
  • 1970-01-01
  • 2011-08-02
相关资源
最近更新 更多