javascript - 拉斐尔饼图

Question

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

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

有人做过吗？

Answer 1

这可能对你有用:

重叠问题通常可以通过以下方式解决:

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

可以在 raphaeljs 引用中查找这些函数。

.getBBox() 应该是一个很好的开始方式，当您尝试连接元素时。您可以轻松计算出它的测量值并使用这些值(x、y、宽度、高度)来计算路径的入口点

这样可以更轻松地避免任何重叠。但请记住，最终 SVG 元素直接放置在 dom 中，因此意味着分层工作。重叠/部分隐藏的元素通常会为您提供巨大的动画潜力，并且使用起来并不是一件坏事。