このトピックでは、igSparkline™ コントロールを構成する方法を紹介し、関連 API メンバーへのリンクを提供します。
このトピックを理解するために、以下のトピックを参照することをお勧めします。
igSparkline の概要: このトピックは、igSparkline コントロールおよびその主要機能についての概念的情報を提供します。
igSparkline を HTML ドキュメントに追加: このトピックでは、igSparkline を HTML ページに追加し JavaScript 配列へバインドする方法を説明します。
igSparkline を ASP.NET MVC ビューに追加: このトピックでは、ASP.NET MVC ビューで igSparkline をインスタンス化し、オブジェクトの .NET コレクションにバインドする方法を紹介します。
次の表は、 igSparkline コントロールで構成可能な項目の一覧です。
| 構成可能な要素 | 詳細 | プロパティ |
|---|---|---|
| スパークライン タイプの定義 | スパークラインのタイプを指定します: Line、Area、Column、または WinLoss。 | displayType |
| 標準範囲の定義 | チャート間の共有領域を定義します (水平方向)。 | normalRangeVisibility |
| 標準範囲の構成 | 標準範囲を構成します: 上/下の境界線および色。 | normalRangeMinimum normalRangeMaximum normalRangeFill |
| マーカーの定義 | Line、Area および Column のチャート タイプで表示するマーカーを定義します。 | markerVisibility highMarkerVisibility lowMarkerVisibility firstMarkerVisibility lastMarkerVisibility negativeMarkerVisibility |
| マーカーの構成 | マーカーを構成します: ブラシ サイズおよび色。 | markerSize markerBrush |
| 近似曲線の追加 | チャートの上に表示するトレンドラインを指定します。 | trendLineType |
| 近似曲線の構成 | トレンドラインを構成します: トレンドラインのブラシ、期間、タイプ、および線の太さ。 | trendLineBrush trendLinePeriod trendLineType trendLineThickness |
| 不明な値の補間 | 不明な値 (null または NaN) を識別し、補間または空白ポイントとして表示できます。 | unknownValuePlotting |
| ヒントの構成 | ツールチップを有効にし、提供した HTML テンプレートを表示します。以下のキーをサポートします: 安値、高値、開値、終値。 | toolTipTemplate |
このトピックの追加情報については、以下のトピックも合わせてご参照ください。
igSparkline のビジュアル要素: このトピックでは、igSparkline コントロールのビジュアル要素を説明する概要と画像を提供します。
jQuery と MVC API リンク (igSparkline): このトピックでは、igSparkline コントロールの jQuery および ASP.NET MVC ヘルパー クラスの API ドキュメントへのリンクを提供します。
このトピックについては、以下のサンプルも参照してください。
標準範囲およびトレンドライン: このサンプルは標準範囲およびトレンドライン機能を紹介します。
ツールチップとマーカー: このサンプルはツールチップおよびマーカー機能を紹介します。
オンラインで表示: GitHub