javascript - 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), labels[j])

(摘自http://raphaeljs.com/pie.js)

Answer 1

示例的标签与饼图的距离并不总是相同。比较“Objective-C”和“Java”标签。对于较长的标签，这种效果更为明显。 Raphael 默认为 text-anchor="middle"。

如果您希望标签上的最近点与饼图保持恒定距离，则数学会变得更加丑陋。您需要计算标签位于饼图的哪一侧，并相应地调整文本 anchor 。