D3 링 차트의 반지 사이 간격 증가

Question

여러 개의 동심 반지가있는 링 차트에서 작업 중입니다.

반지 사이의 간격과 반지의 너비를 늘리고 싶습니다.

[https://jsfiddle.net/szada3/tu6d7wzc/9/][1] 

오른쪽 그림에서 화살표가 내가 증가 싶은 것이 공간을 나타냅니다 여기 내 작업 바이올린입니다. 사전에

덕분에

Answer 1

. 대신 scale을 가지고 노는의

내가 arcFunction의 반환에

.attr("d", pathArc.innerRadius(60 * ((i*0.1) + 1)), pathArc.outerRadius(60 * ((i*0.1) + 1) + 10)) 

을 추가 한 속성.

수정 된 참조 jsfiddle

https://jsfiddle.net/szada3/tu6d7wzc/13/

결과 :

Answer 2

이 arcFunction 및 arcFunction2에 i으로 조작 :

.attr("transform", "scale(1." + i*3 + ")"); 

https://jsfiddle.net/szada3/tu6d7wzc/9/

Answer 3

당신은 링 사이에 약간의 공간을 추가 arcFunction에서 스케일링을 변경해야합니다 (다만주의 그 (i+5) < 10)

.attr("transform", "scale(1." + (i+5) + ")"); 

는 또한 같은 반지의 크기를 변경해야합니다

.outerRadius((width + 200)/5 + 2); 

참조 : 나는 더 나은 솔루션을 발견했습니다 https://jsfiddle.net/v1wh8y09/