シェイプウィジェット
シェイプウィジェットは、マッシュアップ設計で使用できるグラフィックエレメントです。長方形、円、または楕円のシェイプを使用できます。シェイプは、数値データフィールドでバインドすることにより、ランタイムで動的に "塗りつぶす" ことができます。状態のフォーマットまたは固定スタイルを使用して、規則に基づくスタイルを適用できます。
プロパティ
一般的なウィジェットのプロパティについては、ウィジェットを参照してください。次の表は、シェイプウィジェットに固有のプロパティの説明を示しています。
|
プロパティ名
|
説明
|
ベースタイプ
|
デフォルト値
|
バインド可能か(Y/N)
|
ローカライズ可能か(Y/N)
|
|---|---|---|---|---|---|
|
CustomClass
|
ウィジェットの最上位の div に適用するユーザー定義の CSS クラス。スペースで区切って、複数のクラスを入力できます。
|
STRING
|
該当なし
|
Y
|
N
|
|
Data
|
データソース。
|
NUMBER
|
該当なし
|
Y
|
N
|
|
ShapeType
|
ウィジェットに対して設定するシェイプのタイプ。
|
STRING
|
長方形
|
N
|
N
|
|
RectangleCornerRadius
|
コーナーが丸い長方形のコーナーの半径。
|
NUMBER
|
10
|
N
|
N
|
|
ShapeFormatter
|
シェイプのスタイル規則
|
STATEFORMATTING
|
該当なし
|
N
|
N
|
|
GradientType
|
グラデーション塗りつぶしタイプ (放射状がサポートされるのは円/楕円のみ)
|
STRING
|
線形
|
N
|
N
|
|
GradientOrientation
|
線形のグラデーション塗りつぶしの向き
|
STRING
|
垂直
|
N
|
N
|
|
EnableDynamicFill
|
シェイプが動的に塗りつぶされるようにします。
|
BOOLEAN
|
false
|
N
|
N
|
|
DynamicFillRangeMinimum
|
動的塗りつぶしの範囲の最小値。
|
NUMBER
|
0
|
Y
|
N
|
|
DynamicFillRangeMaximum
|
動的塗りつぶしの範囲の最大値。
|
NUMBER
|
100
|
Y
|
N
|
|
DynamicFillOrientation
|
動的塗りつぶしの向き
|
STRING
|
垂直
|
N
|
N
|
イベント
Clicked
シェイプが 1 回クリックされたときに発生します。
DoubleClicked
シェイプがダブルクリックされたときに発生します。