javascript - 增加 D3 环图中环之间的空间

标签 javascript d3.js charts

我正在处理具有多个同心环的环形图。

我想增加环之间的空间和环的宽度。 这是我的工作 fiddle :

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

I'd like to achieve something like this 右图中的箭头代表我想要增加的空间。

提前致谢

最佳答案

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

我没有使用 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/

结果:

enter image description here

关于javascript - 增加 D3 环图中环之间的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37862544/

相关文章:

javascript - contenteditable DIV 在 FF 和 Chrome 中有默认边框 - 如何隐藏它?

javascript - AWS Cognito 与授权用户同步

javascript - Here Maps API - 基本地点显示 (placeId)

node.js - 使用 dc 和 Node.js 预渲染图表

vb.net - 空点无法正确显示

javascript - d3.js 以图像作为标签的雷达图

javascript - 如何将react-hook-form与react-datepicker选择范围一起使用?

angular - 数据驱动文档 (D3.js) 单击时会改变颜色

javascript - D3 天/小时热图 - 嵌套数据问题

javascript - 使用 D3 将多个图表添加到一页