javascript - d3で不連続線を描く

Question

単純な折れ線グラフを作成するために d3.js を使用しています。グラフに「穴」を作成する方法があるかどうか、つまり、利用可能なデータがないときに線を中断または切断できるかどうかを知りたいです。

ドメインから不要な場所を削除するか、特定のセグメントで線の太さを 0 に設定するかを検討していますが、これらのいずれかを行う方法が見つかりません。

ご協力いただきありがとうございます！

Answer 1

D3ラインジェネレーターには、これを行う組み込み関数line.definedがあります。この関数を使用して、線が定義されている場所と定義されていない場所 (データが欠落している場所など) を制御できます。ポイント配列の 2 番目の値が JavaScript の NaN 値である場合に常に線を未定義にしたい場合は、次のことができます。いう：

line.defined(function(d) { return !isNaN(d[1]); });

これが実際に動作している良い例です。