d3.js - 在 d3 js 平滑样条曲线中设置平滑参数

Question

我正在尝试使用 d3 js 中的平滑库之一（d3.curveBasis、curveBasisClosed ...等）设置平滑参数（lambda），但我不知道该怎么做。以下正是我想要的 -

http://bl.ocks.org/jonahwilliams/62be9996afe5c2531625

但是，我的 x 轴有日期，这似乎不能很好地处理它。理想情况下，我正在寻找修改现有库以添加平滑参数 lambda 的方法。任何帮助表示赞赏。

谢谢

Answer 1

这样的事情呢？

D3.js（版本 4）

var line = d3.line()
.curve(d3.curveMonotoneX) <-- Insert smoothing here
.x(function(d) { return x(d.x); })
.y(function(d) { return y(d.y); });

D3.js（版本 3）

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

直接在您绘制的线上执行平滑。