如何使用 D3.js 为圆环图中的数据创建标签

Question

我有一个圆环图，可以在点击时更新数据。我想为相同的数据添加标签。我目前正在使用 d3.js javascript 库。这是我在jsfiddle上的代码

我不明白如何为圆环图的段添加标签？

Answer 1

你必须使用 arc.centroid 函数。请看以下示例：

• http://jsfiddle.net/nrabinowitz/GQDUS/
• http://bl.ocks.org/2295263
• http://jsfiddle.net/MX7JC/9/
• http://blog.stephenboak.com/2011/08/07/easy-as-a-pie.html

Answer 2

请查看：http://nvd3.org/examples/pie.html 或 http://bl.ocks.org/Guerino1/2295263。检查代码，您应该能够相当轻松地回答这个问题。玩得愉快！