Blazor ステップ チャート
Ignite UI for Blazor ステップ チャートは連続する垂直線と水平線で接続されたポイントのコレクションとして描画されるカテゴリ チャートのグループに属しています。ステップ エリア チャートの場合、線の下の領域が塗りつぶされます。値は y 軸に表示され、カテゴリは x 軸に表示されます。ステップ チャートは、一定期間の変化量を強調したり、複数の項目を比較したりします。
Blazor ステップ エリア チャート
IgbCategoryChart
コントロールでステップ エリア チャートを作成するには、以下の例のように、ChartType
プロパティを StepArea
列挙型に設定します。
Blazor ステップ折れ線チャート
Blazor ステップ折れ線チャートは、線の下の領域が塗りつぶされていないことを除いて、ステップ エリア チャートと非常によく似ています。
次の例に示すように、データをバインドし、ChartType
プロパティを StepLine
値に設定することで、IgbCategoryChart
コントロールでステップ折れ線チャートを作成できます。
Blazor ステップ チャートのスタイル設定
他のシリーズの複合などのより多くの機能を備えたステップ チャートが必要な場合は、以下に示すように、IgbCategoryChart
コントロールの MarkerTypes
、MarkerBrushes
、MarkerOutlines
、折れ線の Brushes
、および折れ線の Outlines
プロパティを構成できます。
その他のリソース
関連するチャート タイプの詳細については、以下のトピックを参照してください。
API リファレンス
以下は、上記のセクションで説明されている API メンバーのリストです。
IgbCategoryChart
ChartType
StepArea
StepLine
Brushes
Outlines
MarkerBrushes
MarkerOutlines
MarkerTypes