|
円グラフウィジェットは、ThingWorx 9.4 以降では、Mashup Builder 内のウィジェットとして、および SDK からインポート可能な Web コンポーネントとして使用できます。
|
スライスラベル | スライス値 | |
---|---|---|
フィールド定義 | x: { name: 'x', baseType: 'STRING' } | value: { name: 'value', baseType: 'NUMBER' } |
使用 | スライスラベルを定義します。データのベースタイプは STRING、NUMBER、または DATETIME でなければなりません。各行がチャートにスライスとして表示されます。この列に定義されている名前は、DataField ウィジェットプロパティに選択する必要があるオプションです。 | カテゴリの値と凡例ラベルを定義します。 |
ベースタイプ | STRING、NUMBER、または DATETIME | NUMBER |
行の例 | x: 'Apple' - ここで、Apple はスライスに表示するデータラベルです。 | value: 10 - スライスの値。 |
そのサービスがランタイムにイベントによってトリガーされることを確認します。 |
チャートデータをランタイムに自動的に更新するには、自動再表示関数を作成し、チャートデータサービスにバインドします。詳細については、自動再表示を参照してください。 |
ウィジェットがドーナツグラフとして設定されている場合、極ビューモードはサポートされません。 |
名前 | 説明 | ベースタイプ | デフォルト値 | バインド可能か |
---|---|---|---|---|
CustomClass | ウィジェットの最上位の div に適用するユーザー定義の CSS クラス。 複数のクラスをスペースで区切って入力できます。 | STRING | 該当なし | Y |
Data | チャートのデータが含まれているインフォテーブル。 | INFOTABLE | 該当なし | Y |
DataField | チャートに表示するデータラベルが含まれているインフォテーブル列を指定します。 | フィールド名 | 該当なし | N |
DataFieldType | データラベルのフォーマットを制御します。 | STRING | 文字列 | N |
DataStyle | チャートに状態のフォーマットを適用します。 | 状態定義 | 該当なし | N |
Disabled | マッシュアップ内のウィジェットを無効にします。 ウィジェットはマッシュアップ内に表示されますが、クリックまたは選択はできません。 | BOOLEAN | False | Y |
DonutHoleSize | 円グラフの中央の穴のサイズを設定します。ドーナツグラフを表示するには、このプロパティを使用します。サポートされている値の範囲は 40 から 99 です。 | NUMBER | 0 | Y |
DonutSelectionlabelType | ドーナツグラフで選択したスライスの値を表示するために使用するラベルのタイプ。 | STRING | 大きいタイトル | N |
EndAngle | 円グラフの終了角度を設定します。 | NUMBER | 360 | Y |
StartAngle | チャートの開始角度を設定します。 | NUMBER | 0 | Y |
HideLegend | チャート上の凡例領域を非表示にします。 | BOOLEAN | False | Y |
HideNotes | チャート上の注記領域を非表示にします。 | BOOLEAN | False | Y |
HighlightSelection | チャート上の選択したスライスをハイライトします。 | BOOLEAN | False | N |
Label | 円グラフで表示するテキストラベルを指定します。 | STRING | 円グラフ | Y |
LabelAlignment | 円グラフウィジェットのラベルを「左」、「中央」、または「右」に整列します。 | STRING | 左 | N |
LabelPosition | ラベルの位置を、「上」または「下」に設定します。 | STRING | 上 | N |
LabelType | 円グラフに使用するラベルタイプを制御します。 | STRING | サブヘッダー | Y |
Margin | マッシュアップレイアウト内のウィジェットの周囲のスペースを設定できます。 | NUMBER | 5 | N |
Notes | グラフの注記領域内に表示するテキストを指定します。文字列を入力するか、ローカライズトークンを選択できます。 | STRING | 該当なし | Y |
NotesAlignment | 注記領域内で注記テキストを「左」、「右」、または「中央」に整列します。 | STRING | 左 | N |
NotesPosition | 注記領域の位置を、「上」または「下」に設定します。 | STRING | 下 | N |
PercentileValues | データ値をパーセントとして変換および表示します。 | BOOLEAN | False | N |
PieSlicePadding | 円グラフのスライス間のパディングのサイズを設定します。 | NUMBER | 0 | N |
PieSliceRadius | チャートスライスのコーナー半径を指定します。 | NUMBER | 0 | N |
PolarView | 半径を使用して値の違いを視覚化します。各カテゴリは等しい角度で表示されます。 | BOOLEAN | False | N |
ResetToDefaultValue | ランタイムでウィジェットをデフォルト値にリセットするバインド可能なサービス。 | サービス | 該当なし | Y |
SelectedData | チャート上で選択したスライスのデータが含まれているインフォテーブル。複数選択が有効になっている場合、複数の行が含まれます。 | INFOTABLE | 該当なし | Y |
SelectionMode | 選択モードを単一または複数に設定できます。 | STRING | 単一 | Y |
SeriesClicked | ウィジェット上のデータをクリックするとトリガーされるイベント。 | イベント | 該当なし | Y |
ShowDataLoading | ウィジェットのデータがロードされているときにロードアイコンを表示します。 | BOOLEAN | True | N |
ShowDonutSliceLabel | ドーナツグラフのスライスのラベルを表示します。 | BOOLEAN | False | N |
ShowHideLegend | ランタイムで凡例領域を表示または非表示にする切り替えボタンを表示します。 | BOOLEAN | False | N |
ShowValues | チャートにスライスの値を表示します。ウィジェットが小さなビューポートで開いている場合、表示するスライスの数を制限してください。 | BOOLEAN | False | Y |
ValuesPosition | チャート上のチャート値ラベルの位置を制御します。オプション: • スライス上 • スライス外 • スライス外 (行あり) | STRING | スライス上 | N |
SparkView | チャートを簡略表示します。 | BOOLEAN | False | Y |
TabSequence | Tab キーを押したときのウィジェットのシーケンス番号。 | NUMBER | 0 | N |
ValueField | チャート上の各ラベルのデータ値が含まれているインフォテーブル列。 | フィールド名 | 該当なし | N |
ValueFormat | チャートに表示されるデータ値をフォーマットします。チャートのラベルが小さいビューポートに収まるようにフォーマットをカスタマイズできます。 | STRING | 0000.0 | Y |
ValuesTooltip | チャートのツールヒントのフォーマットとコンテンツを設定できます。詳細については、カスタムチャートのツールヒントの作成を参照してください。 | STRING | PieChartDefaultTooltip | Y |
Visible | ランタイムでのウィジェットの表示/非表示を制御します。 | BOOLEAN | True | Y |