SimpleBarChart (심플 바차트) Widget Control

SimpleBarChartウィジェットをスクリプトから制御するときに使用するWidget Control（Property · Method · Event）の一覧です。ウィジェットの紹介と使い方はSimpleBarChartを参照してください。

備考

以下の例のsimplebarchartIDは、キャンバスでSimpleBarChartウィジェットに指定した名前（ID）です。スクリプトではwidgetID.memberの形式でアクセスします。

Widget Control	種類	シグネチャ	説明
`setListData`	Method	`setListData(data)`	オブジェクトのリストでバーデータを設定
`setStringData`	Method	`setStringData(data)`	圧縮文字列でバーデータを設定

Property

備考

該当なし — SimpleBarChartウィジェットにはスクリプト専用のPropertyがありません。スクリプトでは以下の共通Widget Control（getProperty / setProperty）で値を読み書きします。

オブジェクトのリストでバーデータをまとめて設定します。各項目はvalue（必須）と任意のcolor・widthを持つオブジェクトです。valueがない項目はスキップされます。このメソッドを呼び出すと、文字列で設定したデータはクリアされます。

種類: Method
Parameters: data - { value, color, width }形式でバーを表すオブジェクトのリスト。valueは数値（必須）、colorは色文字列（例: "#FF0000"）、widthは数値（任意）
Returns: なし（void）

Example

simplebarchartID.setListData([
  { value: 10, color: "#FF0000", width: 8 },
  { value: -5, color: "#0000FF" },
]);

カンマ区切りの圧縮文字列でバーデータを設定します。バーは,で区切り、1つのバーの中では:でvalue:color:widthの順に指定します（色と幅は省略可能、値は必須）。

Example

simplebarchartID.setStringData("10:FF0000:8,-5:0000FF,3");

備考

該当なし — SimpleBarChartウィジェットには専用のEventがありません。

注記

すべてのウィジェットはsetProperty / getProperty / setStylePropertyのような名前ベースの共通Widget Control（Method）を使用できます。共通リファレンスドキュメント（作成予定）を参照してください。