拉斐尔饼图

时间:2011-07-25 17:52:14

标签: javascript raphael

我正在尝试创建一个饼图,并在此处自定义示例:http://raphaeljs.com/pie.html

我需要从标签到切片绘制线条,但IE给我带来麻烦,我不知道如何处理重叠的线条和标签。

以前有人这样做过吗?

1 个答案:

答案 0 :(得分:1)

这对你有用:

通常可以使用以下方法解决重叠问题:

a)raphael元素上的“.toFront()”,应出现在前景中 b)标签上的“.getBBox()”并使用其参数来确定起点。

可以在raphaeljs参考中查找这些函数。

当你尝试连接元素时,

.getBBox()应该是一个好的开始方式。您可以轻松找出其测量值并使用这些值(x,y,宽度,高度)来计算路径的入口点

这样可以更容易避免任何重叠。但请记住,最终SVG元素直接放在dom中,因此可以分层工作。 重叠/部分隐藏元素通常会为您提供很好的动画效果,并且不是一件坏事。