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返回"行不是一个函数" d3.line并d3.arc返回NaN.

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

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

以下是D3版本4的代码,其中v4的更改不起作用.我得到的行不是控制台中的一个功能.

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

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

Answer 1

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