コンテンツにスキップ
ドキュメント

レーダーチャート

レーダーチャートを表示するコンポーネントです。

プロパティ

No項目入力値デフォルト値アクションプロパティタイプアクションデフォルト値説明
1ID文字列自動設定idstring自動設定[id]プロパティはアクションで設定はできません。
2幅文字列390widthstring390コンポーネントの幅
3高さ文字列460heightstring460コンポーネントの高さ
4X文字列xstringX座標位置
5Y文字列ystringY座標位置
6表示真偽ONvisibilitybooleantrue表示状態
7値表形式
[詳細1]		[詳細1]valuearray of object[詳細1]チャートデータ
8軸スケール表形式
[詳細2]		[詳細2]scaleobject[詳細2]目盛りとティックの設定
9系列表形式
[詳細3]		[詳細3]seriesarray of object[詳細3]系列の描画設定
10凡例表形式
[詳細4]		[詳細4]legendobject[詳細4]凡例の設定

[詳細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)

目盛りおよびティックを設定します。

値刻み
month10

[詳細3] 系列 (series)

系列の描画設定をします。

ID値線色ポイント色塗りつぶし色透明度
Acompany A#81C4E8#81C4E8#81C4E80.3
Bcompany B#74A2E7#74A2E7#74A2E70.3
Ccompany C#5E83BA#5E83BA#5E83BA0.3

[詳細4] 凡例 (legend)

凡例情報を設定します。

系列水平位置垂直位置
A,B,Crighttop
  • 水平位置の選択肢は left | center | right (default) です。
  • 垂直位置の選択肢は top (default) | bottom です。

イベント

なし