如何在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进行游戏，这样您就可以将标签放在饼图之外。