レーダーチャート
レーダーチャートを表示するコンポーネントです。
プロパティ
UIダイアログ
| 項目 | 入力値 | オプション | デフォルト値 |
|---|---|---|---|
| ID | 文字列 | 自動設定 | |
| 幅 | 文字列 | 390 | |
| 高さ | 文字列 | 460 | |
| X | 文字列 | ||
| Y | 文字列 | ||
| 表示 | 真偽 | • オン • オフ | オン |
| 値 | 文字列 | ||
| スケール | 表形式 | ||
| 系列 | 表形式 | ||
| 凡例 | 表形式 |
アクション
| 項目 | プロパティ | データ型 | オプション | デフォルト値 |
|---|---|---|---|---|
| ID | id | string | 自動設定 | |
| 幅 | width | string | 390 | |
| 高さ | height | string | 460 | |
| X | x | string | ||
| Y | y | string | ||
| 表示 | visibility | boolean | • true • false | true |
| 値 | value | array of object | ||
| スケール | scale | object | ||
| 系列 | series | array of object | ||
| 凡例 | legend | object |
Tips
例1 値 (value)
[ {"month":"02","company A":20,"company B":52,"company C":72,"company D":34}, {"month":"03","company A":5,"company B":33,"company C":90,"company D":55}, {"month":"04","company A":55,"company B":30,"company C":81,"company D":66}, {"month":"05","company A":30,"company B":11,"company C":62,"company D":22}, {"month":"06","company A":27,"company B":14,"company C":68,"company D":70}, {"month":"07","company A":32,"company B":31,"company C":64,"company D":50}, {"month":"08","company A":50,"company B":22,"company C":30,"company D":80}, {"month":"09","company A":12,"company B":19,"company C":65,"company D":48}, {"month":"10","company A":10,"company B":24,"company C":50,"company D":66}, {"month":"11","company A":17,"company B":40,"company C":78,"company D":55}]例2 スケール (scale)
目盛りおよびティックを設定します。
| 値 | 刻み |
|---|---|
| month | 10 |
例3 系列 (series)
系列の描画設定をします。
| ID | 値 | 線色 | ポイント色 | 塗りつぶし色 | 透明度 |
|---|---|---|---|---|---|
| A | company A | #81C4E8 | #81C4E8 | #81C4E8 | 0.3 |
| B | company B | #74A2E7 | #74A2E7 | #74A2E7 | 0.3 |
| C | company C | #5E83BA | #5E83BA | #5E83BA | 0.3 |
例4 凡例 (legend)
凡例情報を設定します。
| 系列 | 水平位置 | 垂直位置 |
|---|---|---|
| A,B,C | right | top |
- 水平位置の選択肢は left | center | right (default) です。
- 垂直位置の選択肢は top (default) | bottom です。
イベント
なし