d3.js - d3 js 平滑化スプラインでの平滑化パラメータの設定

Question

d3 js (d3.curveBasis、curveBasisClosed ...など) の平滑化ライブラリの 1 つを使用して平滑化パラメーター (ラムダ) を設定しようとしていますが、その方法がわかりません。以下はまさに私が欲しいものです -

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

ただし、私の x 軸には日付があり、これはうまく処理できないようです。理想的には、既存のライブラリを変更して、平滑化パラメーター ラムダを追加する方法を探しています。どんな助けでも大歓迎です。

ありがとう

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); });

プロットしている線で直接平滑化を実行します。