D3.js圓環圖... arc.centroid（d）不受d.innerRadius和d.outerRadius影響

Question

我正在創建一個圓環（或Piechart），我想將標籤放在區域外。 我爲它創建了一個小提琴http://jsfiddle.net/VeeTee/mA3V7/。

arcs.append("svg:text") 
    .attr("transform", function(d) { 
     //this is where I want to make a translation to the outside border 
     d.innerRadius = radius; 
     d.outerRadius = height/2; 
     return "translate(" + arc.centroid(d) +")"; 
    }) 
    .attr("dy", ".35em") 
    .attr("text-anchor", "middle") 
    .text(function(d, i) { return d.value.toFixed(2); }); 

arc.centroid（d） - >總是給了相同的結果（因此相同的轉換）

Answer 1

不知道你的意思，它總是給你相同的結果，但你可以通過將質心的座標乘以1.5，將標籤放置在圖表的外部。代碼是這樣的。

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

更新jsfiddle here。