如何移動標籤外餅圖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，讓您的標籤定位餅圖外面玩。