d3.js - 連続していないホライズン チャートの描画 (d3)

Question

(事前の知識不足で申し訳ありません)

Horizo​​n チャートは、D3 のエリア チャートとは異なる方法で処理されるようです。line.defined を使用して、面グラフの非連続データに関する以前の回答を見てきました。ただし、水平チャートで同じ効果を達成する方法がわかりません。

最終目標: データが欠落している場合は、スキップするか、後でマスクします。そのポイント。この line.defined の例 ( http://bl.ocks.org/mbostock/3035090 ) のように、パスの曲線に影響を与えるべきではありません。

理想的には、json 内のデータは単なる欠損値ですが、必要に応じて型記号を追加できます。

パスがそれらのスポットに作成された後に塗りつぶされた長方形を追加してマスクするなど、より良いアプローチはありますか?

Answer 1

d3.horizo​​n プラグインを更新して、内部で使用されるエリア インスタンスの設定area.definedをサポートしました。

たとえば、次のように言えます。

var horizon = d3.horizon()
    .width(…)
    .height(…)
    .defined(function(d) { return !isNaN(d[1]); });