レンジチャートウィジェット
レンジチャートは、特定の X 軸ポイントのデータ範囲を示します。範囲内の最大 4 つのポイント (低値、下方範囲値、高値、上方範囲値) のマーカーを表示できます。このタイプのチャートは、ロウソク足チャートまたは箱ひげチャートとも呼ばれます。
LowValueField と HighValueField は行またはデータセット (ひげの外側) の合計範囲を定義し、LowValueRangeField と HighValueRangeField はボックス (箱) の制限値を定義します。最小値、最大値、中央値によるチャートを作成するには、中央値を LowValueRangeField と HighValueRangeField バインドすることで、ボックスを折りたたんでマーカーとして使用します。
詳細については、次のビデオチュートリアルを参照してください。
プロパティ
プロパティ名 | 説明 | ベースタイプ | デフォルト値 | バインド可能か(Y/N) | ローカライズ可能か(Y/N) |
|---|---|---|---|---|---|
CustomClass | ウィジェットの最上位の div に適用するユーザー定義の CSS クラス。スペースで区切って、複数のクラスを入力できます。 | STRING | 該当なし | Y | N |
Data | チャート値のデータソース。 | INFOTABLE | 該当なし | Y | N |
LowValueField | 低値のフィールド名。 | FIELDNAME | 該当なし | Y | N |
LowerRangeValue | 下方範囲値のフィールド名。 | FIELDNAME | 該当なし | Y | N |
MidpointField | 中間値のフィールド名。 | FIELDNAME | 該当なし | Y | N |
UpperRangeValue | 上方範囲値のフィールド名。 | FIELDNAME | 該当なし | Y | N |
HighValueField | 高値のフィールド名。 | FIELDNAME | 該当なし | Y | N |
ChartTitle | チャートのタイトル。 | STRING | 該当なし | Y | Y |
ShowLegend | チャートの凡例の表示/非表示を設定します。 | BOOLEAN | True | N | N |
LegendWidth | 凡例ウィジェットの固定長さ。 | NUMBER | 0 | N | N |
LegendLocation | 凡例の位置 (右、左、上、下)。 | STRING | 右 | N | N |
LegendOrientation | 凡例の方向 (垂直または水平)。 | STRING | 垂直 | N | N |
MarkerSize | 目的のマーカーサイズ。 | NUMBER | 3 | N | N |
MarkerType | 目的のマーカータイプ (円、四角形、三角形、ひし形、イメージ)。 | STRING | 円 | N | N |
XAxisField | X 軸の値を入力するフィールドのデータソース。 | FIELDNAME | 該当なし | Y | N |
ShowXAxis | X 軸の表示/非表示を設定します。 | BOOLEAN | True | N | N |
XAxisFormat | X 軸のラベルのフォーマット。 | STRING | 0000.0 | N | N |
XAxisLabelType | X 軸のラベルのタイプ。 | STRING | 文字列 | N | N |
XAxisLabelRotation | X 軸のラベルの回転。 | NUMBER | 0 | N | N |
ShowXAxisLabels | X 軸のラベルを表示します。 | BOOLEAN | true | N | N |
ShowXAxisTicks | X 軸の目盛の表示/非表示を設定します。 | BOOLEAN | true | N | N |
ShowYAxis | Y 軸の表示/非表示を設定します。 | BOOLEAN | True | N | N |
YAxisFormat | Y 軸の値のフォーマット。 | STRING | 0000.0 | N | N |
YAxisMinimum | Y 軸の最小範囲。 | NUMBER | 0 | Y | N |
YAxisMaximum | Y 軸の最大範囲。 | NUMBER | 100 | Y | N |
YAxisAutoscale | Y 軸を自動的にスケール変更します。 | BOOLEAN | True | N | N |
YAxisZeroscale | Y 軸を自動的にスケール変更するときに最小値ゼロを適用します。 | BOOLEAN | False | N | N |
YAxisIntervals | Y 軸の大目盛のチャート間隔の数 (目盛やグリッドに影響)。 | NUMBER | 10 | N | N |
YAxisMinorTicks | Y 軸の大目盛の間の小目盛の数。 | NUMBER | 1 | N | N |
YAxisLabels | Y 軸のラベルの間隔の数。 | NUMBER | 2 | N | N |
ShowYAxisLabels | Y 軸のラベルの表示/非表示を設定します。 | BOOLEAN | True | N | N |
ShowYAxisTicks | Y 軸の目盛の表示/非表示を設定します。 | BOOLEAN | True | N | N |
AllowYAxisZoom | Y 軸のズームを許可します。 | BOOLEAN | True | N | N |
AllowSelection | アイテムの選択を許可します。 | BOOLEAN | True | N | N |
EnableHover | マウスポインタを合わせたときに値を表示します。 | BOOLEAN | True | N | N |
ShowXAxisGrid | 水平グリッドを表示します。 | BOOLEAN | True | N | N |
ShowYAxisGrid | 垂直グリッドを表示します。 | BOOLEAN | True | N | N |
イベント
DoubleClicked
DoubleClicked イベントを使用すると、データオブジェクトはシングルクリックで選択できる状態のまま、別のイベントにダブルクリックを使用できます (ダブルクリックをナビゲーションリンクのトリガーとリンクするなど)。