D3单调插值 - 平滑线

Question

我使用以下代码:

var c = d3.line()
.interpolate("monotone")
.x(function(d) { return x(d.date); })
.y(function(d) { return y(d.close); }); 

现在我将所有的视觉研究更新到D3版本4,我无法弄清楚如何升级上述插值.

我想平滑这条线.

Answer 1

这是使用D3版本4.x的代码:

var c = d3.line()
    .curve(d3.curveMonotoneX)
    .x(function(d) { return x(d.date); })
    .y(function(d) { return y(d.close); }); 

您也可以使用d3.curveMonotoneY,取决于您想要保持单调性的轴.

这是API.
链接到更改v3到v4.