Blazor チャート マーカー
Ignite UI for Blazor マーカーは、カテゴリ チャートのプロット領域にデータ ポイントの値を表示する視覚要素です。値が主グリッド線と副グリッド線の間にある場合も指定したデータ ポイントの値をただちに識別できるようユーザーをサポートします。
Blazor チャート マーカーの例
次の例では、折れチャートは、2009 年から 2019 年までのヨーロッパ、中国、および米国の国々の再生可能エネルギーの発電量を比較しています。マーカーが MarkerType
プロパティを Circle
列挙値に設定して有効になっています。
マーカーのカラーは、以下のサンプルの MarkerBrushes
プロパティと MarkerOutlines
プロパティを設定することによっても管理されます。このサンプルでは、ドロップダウンを使用してマーカーと ChartType
を構成できます。
Blazor チャート マーカー テンプレート
以下の例に示すように、マーカー プロパティに加えて、XamCategoryChart
コントロールで描画されたシリーズの MarkerTemplate
プロパティに関数を設定することで、独自のマーカーを実装できます。
その他のリソース
関連するチャート機能の詳細については、以下のトピックを参照してください。
API リファレンス
以下は、上記のセクションで説明した API メンバーのリストです。
MarkerBrushes
MarkerOutlines
MarkerType
IgbCategoryChart