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