增加D3环形图中环之间的间距

Question

我正在制作一个带有多个同心环的环形图。

我想增加戒指之间的空间和戒指的宽度。 这是我的工作小提琴：

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

右图中的箭头表示我想要增加的空间。

提前致谢

Answer 1

我找到了更好的解决方案。

我没有使用scale属性来添加

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

返回arcFunction。

请参阅修改后的jsfiddle

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

结果：

Answer 2

使用i和arcFunction中的arcFunction2进行操作：

.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/