拉斐爾餅圖

Question

我正在嘗試創建一個餅圖，並在此自定義示例： http ： //raphaeljs.com/pie.html

我需要從標簽到切片畫線，但IE給我帶來麻煩，我不知道如何處理重疊的線條和標簽。

有沒有人這樣做過？

Answer 1

這對你有用：

通常可以通過以下方式解決重疊問題：

a）raphael元素上的“.toFront（）”，應該出現在前景b）“。titleBBox（）”在你的標簽上，並使用它的參數來找出起點。

可以在raphaeljs參考中查找這些函數。

當你嘗試連接元素時，.getBBox（）應該是一個很好的開始方式。 您可以輕松找出其測量值並使用這些值（x，y，寬度，高度）來計算路徑的入口點

這樣可以更容易避免任何重疊。 但請記住，最終SVG元素直接放在dom中，因此可以分層工作。 重疊/部分隱藏元素通常會為您提供很好的動畫潛力，並且使用起來並不是一件壞事。