Mashup Builder > ウィジェット > 標準ウィジェット > シェイプウィジェット
シェイプウィジェット
シェイプウィジェットは、マッシュアップ設計で使用できるグラフィックエレメントです。長方形、円、または楕円のシェイプを使用できます。シェイプは、数値データフィールドでバインドすることにより、ランタイムで動的に "塗りつぶす" ことができます。状態のフォーマットまたは固定スタイルを使用して、規則に基づくスタイルを適用できます。
プロパティ
一般的なウィジェットのプロパティについては、ウィジェットを参照してください。次の表は、シェイプウィジェットに固有のプロパティの説明を示しています。
プロパティ名
説明
ベースタイプ
デフォルト値
バインド可能か(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
シェイプがダブルクリックされたときに発生します。

これは役に立ちましたか?