daniel.szaniszlo daniel.szaniszlo - 5 months ago 28
Javascript Question

Increase space between rings in D3 ring chart

I am working on a ring chart with multiple concentric rings.

I would like to increase the space between the rings and the width of the rings.
Here is my working fiddle:

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


I'd like to achieve something like this
The arrows in the right picture represents the space what I would like to increase.

Thanks in advance

Answer

Manipulate with i in arcFunction and arcFunction2:

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

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

Comments