#データ間引き
デシメーション プラグインを折れ線グラフで使用すると、グラフのライフサイクルの開始時にデータを自動的に間引くことができます。このプラグインを有効にする前に、要件作成したいグラフで機能することを確認します。
#構成オプション
名前空間:options.plugins.decimation
、プラグインのグローバル オプションは次のように定義されています。Chart.defaults.plugins.decimation
。
名前 | タイプ | デフォルト | 説明 |
---|---|---|---|
enabled | boolean | false | デシメーションは有効になっていますか? |
algorithm | string | 'min-max' | 使用する間引きアルゴリズム。を参照してください。もっと... |
samples | number | もし'lttb' アルゴリズムが使用される場合、これは出力データセット内のサンプル数です。デフォルトでは、キャンバスの幅がピクセルごとに 1 つのサンプルを選択します。 | |
threshold | number | 現在の軸範囲のサンプル数がこの値を超える場合、デシメーションがトリガーされます。デフォルトはキャンバス幅の 4 倍です。 デシメーション後のポイント数は、 threshold 価値。 |
#間引きアルゴリズム
データに使用する間引きアルゴリズム。オプションは次のとおりです。
'lttb'
'min-max'
#最大のトライアングル 3 バケット (LTTB) デシメーション
LTTB (新しいウィンドウが開きます)デシメーションにより、データ ポイントの数が大幅に削減されます。これは、少数のデータ ポイントのみを使用してデータの傾向を示す場合に最も役立ちます。
#最小/最大デシメーション
最小/最大 (新しいウィンドウが開きます)デシメーションではデータ内のピークが保持されますが、ピクセルごとに最大 4 ポイントが必要になる場合があります。このタイプの間引きは、データ ピークを確認する必要がある非常にノイズの多い信号に適しています。
#要件
デシメーション プラグインを使用するには、次の要件を満たす必要があります。
- データセットには
indexAxis
の'x'
- データセットは線である必要があります
- データセットの X 軸は、次のいずれかである必要があります。
'linear'
また'time'
軸の種類 - データは解析する必要があってはなりません。つまり、
parsing
でなければなりませんfalse
- データセット オブジェクトは変更可能である必要があります。プラグインは元のデータを次のように保存します。
dataset._data
そして、新しいを定義しますdata
データセットのプロパティ。 - チャート上にはしきい値よりも多くのポイントが存在する必要があります。詳細については、構成オプションを参照してください。
#関連サンプル
- データ間引きサンプル
←キャンバスの背景 デバイスのピクセル比→