Raphael JS 餅圖標簽

Question

我需要在我的餅圖上有標簽，我正在查看餅圖的示例： http://raphaeljs.com/pie.html 。

在我的實現和示例中，標簽與餅圖的距離不一致。 使用的數學有問題嗎？ 這對我來說真的沒有意義。

txt = paper.text(cx + (r + delta + 55) * Math.cos(-popangle * rad), cy + (r + delta + 25) * Math.sin(-popangle * rad), 標簽[j] )

（取自http://raphaeljs.com/pie.js ）

Answer 1

示例的標簽與餅圖的距離並不總是相同。 比較“Objective-C”和“Java”標簽。 這種效果在標簽越長時越明顯。 Raphael 默認為 text-anchor="middle"。

如果您希望 label 上的最近點與餅圖保持恆定距離，那么數學會變得更加丑陋。 您需要計算 label 在餅圖的哪一側，並相應地調整文本錨。