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

我正在尝试在D3 中重新创建它

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

我不知道如何将标签移动到饼图之外。我知道是这条线

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

但是我很难找到有关质心的信息。我猜想它是在labelArc的内半径和外半径之间居中，但我尝试弄乱了它，没有任何区别。

最佳答案

试试这个

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

您可以使用1.2进行播放，该代码可将标签放置在饼图之外。