如何移动标签外饼图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，让您的标签定位饼图外面玩。