简单的甜甜圈图表与拉斐尔

时间:2011-11-15 18:19:59

标签: javascript jquery raphael

使用“如何使用raphael中的路径实现甜甜圈洞”(How to achieve 'donut holes' with paths in Raphael)中的示例,我能够将代码更多地调整到我的用例。

我的下一个目标是放大鼠标上的一个扇区,而不是将其拉离内圈。这可能吗?

以下是当前代码:http://jsfiddle.net/Swivelgames/efb9n/1/

我希望看起来像这样:

ideal result

2 个答案:

答案 0 :(得分:3)

晚上,

我在这里受骗了。甜甜圈现在的工作方式是使用缩放,但要做你想做的事你就不能这样做。选项是重新计算该部门,或作弊。我已经做到了。

我添加了第二个带有更大扇区的甜甜圈,然后我将其隐藏起来。在原始的甜甜圈上,鼠标悬停隐藏了相应的扇区并显示较大环的扇区。

外圈具有鼠标输出功能,可以反转过程。

希望显示有效的fiddle

这不是最佳解决方案,但它可能对您有所帮助。

答案 1 :(得分:0)

只需将angleplus值从360改为369.5 ......应该足够......:)