Web Components チャート トレンドライン

Ignite UI for Web Components チャートでは、トレンドラインはトレンドの識別やデータ内のパターンの検索に役立ちます。トレンドラインは、常にチャートにバインドされたデータ ポイントの前に描画されます。積層シリーズ、シェイプ シリーズ、および範囲シリーズを除き、これらは IgcCategoryChartComponent、IgcFinancialChartComponent、および IgcDataChartComponent (積層型シリーズ、シェイプ シリーズ、範囲シリーズを除く) でサポートされています。

トレンドラインはデフォルトでオフになっていますが、trendLineType プロパティを設定することで有効にできます。また、ブラシ、期間、太さなど、トレンドラインの複数の外観プロパティを変更できます。

トレンドラインを有効にすると、ダッシュ配列を適用することもできます。これを行うには、TrendLineDashArray プロパティを数値の配列に設定します。数値配列は、トレンドラインの破線の長さを表します。

Web Components チャート トレンドラインの例

次のサンプルは、QuinticFit トレンドラインが最初に適用された、2013 年から 2017 年までの Microsoft の株価トレンドを示す IgcFinancialChartComponent を示しています。適用されるトレンドラインのタイプを変更できるドロップダウンがあり、可能なすべてのトレンドライン タイプがそのドロップダウン内に一覧表示されます。

Web Components チャート トレンドラインのダッシュ配列の例

次のサンプルは、TrendLineDashArray プロパティを介して適用された QuarticFit 破線トレンドラインを持つ IgcFinancialPriceSeriesComponent を示す IgcDataChartComponent を示しています。

その他のリソース

関連するチャート機能の詳細については、以下のトピックを参照してください。

• チャート注釈
• チャート強調表示

API リファレンス

IgcCategoryChartComponent コンポーネントと IgcFinancialChartComponent コンポーネントは、次の API プロパティを共有します:

• trendLineBrushes
• trendLinePeriod
• trendLineThickness
• trendLineType

IgcDataChartComponent コンポーネントでは、シリーズのほとんどのタイプに次の API プロパティがあります:

• trendLineBrush
• trendLineDashArray
• trendLinePeriod
• trendLineThickness
• trendLineType