javascript - 如何将标签移动到 D3 中的饼图外部

Question

我正在尝试在 D3 中重新创建这个

我的 D3 代码在这里:http://codepen.io/jpezninjo/pen/XpoVwQ

我不知道如何将标签移到饼图之外。我知道是这一行

.attr("transform", function(d) {
      return "translate(" + labelArc.centroid(d) + ")"; })

但我很难找到有关质心的信息。我猜它以 labelArc 的内半径和外半径之间的中心为中心，但我尝试弄乱它但没有发现任何区别。

Answer 1

试试这个

.attr("transform", function(d) {  
    var c = labelArc.centroid(d);
    return "translate(" + c[0]*1.2 +"," + c[1]*1.2 + ")";
 })

您可以使用 1.2，它允许您将标签放置在饼图之外。