D3 从 3.0 版本开始更改为点的圆路径

Question

我正在尝试沿圆圈制作渐变路径。与此示例非常相似。

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

这是 D3 版本 3。我正在尝试将其更新到版本 4。 我修复了一些项目，比如 d3.ns.prefix.svg 现在是 d3.namespaces.svg d3.svg.line().interpolate("basis") 现在是 d3.line().interpolateBasis;

让我心烦意乱的是函数 d3.line().interpolateBasis 返回 "line is not a function" d3.line 并且 d3.arc 返回 NaN。

这是我在 D3 版本 3 中尝试做的工作版本

http://jsfiddle.net/firetiki/k3q0d848/

这是 D3 版本 4 的代码，其中对 v4 进行了更改但不起作用。我得到的线路不是控制台中的功能。

http://jsfiddle.net/firetiki/9nwwgywz/

如有任何帮助，我们将不胜感激。也许我错过了版本更新中的另一个变化？

Answer 1

D3 v4 中没有interpolateBasis：https://github.com/d3/d3-shape/blob/master/README.md#curves

因此，将您的线路功能更改为：

var line = d3.line().curve(d3.curveBasis);

这是您使用 D3 v4 的 fiddle：http://jsfiddle.net/gerardofurtado/fro6Lu2x/

Answer 2

Mike Bostock 现已更新至 D3 版本 4

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