여기 내 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) + ")"; }) 

그러나 나는 centroid에 관한 정보를 찾기가 힘들다. labelArc의 안쪽과 바깥 쪽 반지름 사이의 중심을 차지하는 것 같아요. 그러나 나는 그걸 망치려고했는데 아무런 차이가 없었습니다.

Answer 1

이

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

당신은 당신이 원형 차트 외부에 레이블을 배치 할 수 있습니다 1.2와 함께 재생할 수 있습니다보십시오.