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 中没有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/
Mike Bostock 现已更新至 D3 版本 4
我正在尝试沿圆圈制作渐变路径。与此示例非常相似。
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 中没有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/
Mike Bostock 现已更新至 D3 版本 4