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

使用“如何在raphael中实现带路径的甜甜圈洞”中的示例( 如何在Raphael中实现带有路径的“甜甜圈洞” )我能够将代码更多地调整到我的用例中。

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

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

我希望它看起来像这样:

理想的结果

晚间,

我有点被骗了。 甜甜圈现在的工作方式是使用缩放,但要做你想做的事你就不能这样做。 选项是重新计算该部门,或作弊。 我做过两件事。

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

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

这是一个有希望表明它有效的小提琴 。

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

只需将angleplus值从360改为369.5 ……应该足够…… 🙂