D3 从版本 3.0 更改为点的圆形路径答案

【问题标题】：D3 changes from Version 3.0 to make a circle path of pointsD3 从版本 3.0 更改为点的圆形路径
【发布时间】：2016-06-29 00:57:02
【问题描述】：

我正在尝试沿圆形制作渐变路径。非常类似于这个例子。

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 返回“行不是函数”d3.line 和 d3.arc 返回 NaN。

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

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

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

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

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

【问题讨论】：

没有看到你的代码就不可能帮助你。
@GerardoFurtado。是的。我的代码会有所帮助。谢谢。忘记发链接了。

标签： svg gradient geometry d3.js

【解决方案1】：

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

所以，把你的线函数改成这样：

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

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

【讨论】：

【解决方案2】：

Mike Bostock 现已更新至 D3 版本 4

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

【讨论】：