javascript - 拉斐尔的简单圆环图

Question

使用“如何在 raphael 中使用路径实现 donut 孔”(How to achieve 'donut holes' with paths in Raphael) 中的示例，我能够针对我的用例对代码进行更多调整。

我的下一个目标是在鼠标悬停时放大其中一个扇区，而不是将其从内圈拉开。这可能吗？

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

我希望让它看起来像这样:

Answer 1

晚上，

我在这里有点作弊。 donut 现在的工作方式是使用缩放，但要按照你的意愿去做，你不能那样做。选项是重新计算扇区，或者作弊。这两个我都做过。

我添加了第二个具有更大扇区的 donut ，然后将其隐藏。在原始 donut 上，鼠标悬停会隐藏相应的扇区并显示较大环中的扇区。

外圈有一个 mouseout 函数，可以反转这个过程。

这是一个 fiddle这有望表明它正在发挥作用。

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