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"。

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