Raphael饼图

Question

Raphael饼图

javascriptraphael

4

我正试图创建一个饼图，并在这里定制示例： http://raphaeljs.com/pie.html

我需要从标签绘制到“片”的线条，但IE给了我麻烦，而且我不确定如何应对重叠的线条和标签。

有人以前做过这个吗？

- Gho5t

1

为什么不使用图表扩展gRaphael（http://g.raphaeljs.com/）呢？ - Gabi Purcaru

它也不支持这个功能。在IE中，它似乎也存在渲染问题。 - Gho5t

1

你能提供一些示例代码吗？给我们更多的东西来工作？ - jbranchaud

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- zbug · Accepted Answer

这可能对您有用：

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

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

可以在raphaeljs参考文献中查找这些功能。

.getBBox() 应该是连接元素时的好起点，您可以轻松地计算出它的测量值，并使用这些值（x、y、width、height）来计算路径的入口点，从而更容易避免任何重叠。但请记住，最终的SVG元素直接放置在dom中，因此被认为是按层工作。重叠/部分隐藏的元素通常为您提供了巨大的动画潜力，不一定是要避免的事情。