レンジチャートウィジェット
レンジチャートは、特定の 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 イベントを使用すると、データオブジェクトはシングルクリックで選択できる状態のまま、別のイベントにダブルクリックを使用できます (ダブルクリックをナビゲーションリンクのトリガーとリンクするなど)。