Web Components チャートのオーバーレイ
Web Components IgcDataChartComponent
を使用すると、IgcValueOverlayComponent
を使用して定義した単一の数値で水平線または垂直線を配置できます。特定のシリーズの平均値や中央値などのデータを視覚化するのに役立ちます。
Web Components 値オーバーレイの例
次の例は、いくつかの水平値オーバーレイがプロットされた縦棒チャートを示しています。
Web Components 値オーバーレイのプロパティ
データバインディングに DataSource
を使用する他のシリーズ タイプとは異なり、値オーバーレイは ValueMemberPath
プロパティを使用して単一の数値をバインドします。さらに、値オーバーレイでは、使用する単一の axis
を定義する必要があります。X 軸を使用する場合、値のオーバーレイは垂直線になり、Y 軸を使用する場合は、水平線になります。
数値の X 軸または Y 軸を使用する場合、ValueMemberPath
プロパティは、値のオーバーレイを描画する軸上の実際の数値を反映する必要があります。カテゴリ X または Y 軸を使用する場合、ValueMemberPath
は、値オーバーレイを表示するカテゴリのインデックスを反映する必要があります。
数値オーバーレイを角度角軸で使用すると、チャートの中心からの線として表示され、半径半径軸を使用すると、円として表示されます。
IgcValueOverlayComponent
外観プロパティは、IgcSeriesComponent
から継承されているため、例えば brush
と thickness
を使用でき、他のタイプのシリーズと同じように機能します。
IgcValueOverlayComponent
に軸注釈を表示して、所有する軸にオーバーレイの値を表示することもできます。これを示すために、isAxisAnnotationEnabled
プロパティを true に設定できます。
Web Components ファイナンシャル オーバーレイ
Web Components 株価チャートに組み込みのファイナンシャル オーバーレイとインジケーターをプロットすることもできます。
その他のリソース
関連するチャート タイプの詳細については、以下のトピックを参照してください。
API リファレンス
以下は、上記のセクションで説明した API メンバーのリストです。
IgcDataChartComponent
ItemsSource
IgcValueOverlayComponent
axis
brush
IsAxisAnnotationsEnabled
IgcSeriesComponent
thickness