私はここに私のD3コード持って<a href="https://i.stack.imgur.com/t1Exy.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t1Exy.jpg" alt="Tableau example"></a></p> <p>D3

Question

私はD3でこれを再作成しようとしている中で外円グラフにラベルを移動する方法：http://codepen.io/jpezninjo/pen/XpoVwQ

私は移動する方法を見つけ出すことはできませんが私の円グラフの外側のラベル。私はそれがこの行だと知っています

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

しかし、私は重心についての情報を探しています。私はそれがlabelArcの内側と外側の半径の中心を取っていると推測していますが、私はそれをばたつけようとしましたが、違いはありません。

Answer 1

はあなたが円グラフの外にラベルを配置することができます1.2で遊ぶことができ、この

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

を試してみてください。