d3.js - 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 to v4 .