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

D3 changes from Version 3.0 to make a circle path of points

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

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/

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

D3 v4 中没有interpolateBasishttps://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/

Mike Bostock 现已更新至 D3 版本 4

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