Blazor 散布図
Ignite UI for Blazor 散布図は、異なる一連のデータ内の項目間の関係を示したり、数値の x 座標と y 座標を使用してデータ項目をプロットしたりするチャートのグループに属しています。このチャートは、データの不均等な散らばりやデータの塊に注意が向けられます。科学データのプロットによく用いられ、予測結果からの収集データの偏差をハイライト表示できます。また、データを時シリーズに (データが時系列でない場合であっても) 構成するためにも使用できます。
Blazor 散布マーカー チャート
Blazor 散布図は、マーカーのコレクションとして描画されます。各マーカーには、デカルト座標系での位置を決定する 1 対の数値 X/Y 値があります。IgbDataChart コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgbScatterSeries にバインドします:
Blazor 散布折れ線チャート
Blazor は、直線で接続されたマーカーのコレクションとして描画され、各マーカーにはデカルト座標系での位置を決定する X/Y の数値のペアがあります。IgbDataChart コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgbScatterLineSeries にバインドします:
Blazor 散布スプライン チャート
Blazor は、曲線スプラインで接続されたマーカーのコレクションとして描画され、各マーカーにはデカルト座標系での位置を決定する X/Y の数値のペアがあります。IgbDataChart コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgbScatterSplineSeries にバインドします:
Blazor 散布高密度チャート
Blazor 散布高密度 (HD) チャートを使用して、わずかな読み込み時間で数千から数百万のデータ ポイントに及ぶ散布データをバインドして表示します。このチャート タイプは非常に多くのポイント用に設計されているため、フル サイズのマーカーではなく小さな点として視覚化され、データ ポイントのクラスターを表すより高い色密度を使用してデータが最も多い領域を表示します。IgbDataChart コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgbHighDensityScatterSeries にバインドします:
Blazor 散布エリア チャート
Blazor 散布エリア チャートは各ポイントに割り当てられた数値を使って、X および Y データの三角形分割に基づいて、色付きのサーフェスを描画します。このチャートはヒート マップ、磁場の強さ、またはオフィスの Wi-Fi の強さを描画する場合などに便利です。IgbDataChart コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgbScatterAreaSeries にバインドします:
Blazor 散布等高線チャート
Blazor 散布等高線チャートは、X データと Y データの三角形分割に基づいて、各ポイントに数値データ値が割り当てられた色付きの等高線を描画します。このチャートはヒート マップ、磁場の強さ、またはオフィスの Wi-Fi の強さを描画する場合などに便利です。IgbDataChart コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgbScatterContourSeries にバインドします:
その他のリソース
関連するチャートタイプの詳細については、以下のトピックを参照してください。
API リファレンス
以下のテーブルは、上記のセクションで説明した API メンバーをリストします。
| チャート タイプ | コントロール名 | API メンバー |
|---|---|---|
| 散布マーカー | IgbDataChart |
IgbScatterSeries |
| 散布折れ線 | IgbDataChart |
IgbScatterLineSeries |
| 散布スプライン | IgbDataChart |
IgbScatterSplineSeries |
| 高密度散布 | IgbDataChart |
IgbHighDensityScatterSeries |
| 散布エリア | IgbDataChart |
IgbScatterAreaSeries |
| 散布等高線 | IgbDataChart |
IgbScatterContourSeries |