我正在尝试使用 d3 js 中的平滑库之一(d3.curveBasis、curveBasisClosed ...等)设置平滑参数(lambda),但我不知道该怎么做。以下正是我想要的 -
http://bl.ocks.org/jonahwilliams/62be9996afe5c2531625
但是,我的 x 轴有日期,这似乎不能很好地处理它。理想情况下,我正在寻找修改现有库以添加平滑参数 lambda 的方法。任何帮助表示赞赏。
谢谢
我正在尝试使用 d3 js 中的平滑库之一(d3.curveBasis、curveBasisClosed ...等)设置平滑参数(lambda),但我不知道该怎么做。以下正是我想要的 -
http://bl.ocks.org/jonahwilliams/62be9996afe5c2531625
但是,我的 x 轴有日期,这似乎不能很好地处理它。理想情况下,我正在寻找修改现有库以添加平滑参数 lambda 的方法。任何帮助表示赞赏。
谢谢
这样的事情呢?
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); });
直接在您绘制的线上执行平滑。