无法在d3.js中生成某些值的弧，

Question

我正在使用d3.js生成圆形图。 我的图有三层背景，中层和前景。 我有一个称为前景和中间层调用的函数。

我可以生成直到.96的值的弧，但如果超出该范围，则.97，.98，.99和1.0弧会崩溃。

midground.transition()
      .duration(750)
      .call(arcTween, 0. * τ);

foreground.transition()
      .duration(750)
      .call(arcTween, 0. * τ);

我是d3.js和svg的新手，请对此提供帮助。 我也提供了jsfiddle链接。 http://jsfiddle.net/Lxnymj28/1/

Answer 1

此设置使arc计算变得混乱：

.cornerRadius(outerRadius - innerRadius)

如果删除cornerRadius， 一切都会正常进行 。

编辑

做了一些研究，这是该库中的错误，该错误于2015年10月修复。您正在使用过时的软件。

如果您使用最新版本的d3.js版本3，则一切正常。

这里有新提琴。