d3.js - D3 圆弧间距

Question

我对 D3 图表很陌生，我使用 D3 创建了我的第一个圆环图，但我想知道是否可以在每个弧之间放置一些填充/间距。

我知道我可以减少每个弧的起点和终点角度，例如，

弧1:从90度到120度
弧2:从120度到150度

减少上面的角度
弧1:从92度到118度
弧 2:从 122 度到 148 度
等等..

但我很好奇是否有更简单的方法来放置一些间距。

这是我的代码，您可以在 JSfiddle 中查看完整代码。

var vis = d3.select(elementSelector);
var arc = d3.svg.arc()
.innerRadius(svgInnerRadius)
.outerRadius(svgOuterRadius)
.startAngle(function(d){return anglePercentage(d[0]);})
.endAngle(function(d){return anglePercentage(d[1]);});
...

http://jsfiddle.net/24FaQ/

非常感谢你提前。

Answer 1

这实际上是您要查找的内容:

http://bl.ocks.org/mbostock/f098d146315be4d1db52

var pie = d3.layout.pie()
    .padAngle(.02);