スタートアップテンプレートではグラフウィジェットを使用することができます。

カスタムウィジェット配置先の確認

Magic xpaを起動しオプション　⇒　設定　⇒　動作環境を起動します。

外部参照タブをクリックします。

45 SmartUXカスタムウィジェットのパスを確認します。

今回は例として

C:\Magic\Studio411\SmartUX\Templates\2.1.0.4-MSJ\Widgets

をパス設定されている前提で進めていきます。

ファイルの配置

この記事の下部にある default.zipをダウンロードして解凍します。

設定ファイルの修正

C:\Magic\Studio411\SmartUX\Templates\2.1.0.4-MSJ\Widgets\component-groups-order.json

を修正します。エンコードはUTF-8で保存してください。

　]
}

の "]"と"}"の間に以下のコードを挿入します。

,
"Graph": [
"msj-graph-bar",
"msj-graph-line",
"msj-graph-pie",
"msj-graph-gantt"
]

結果は以下のようになります。

 ]
,
"Graph": [
"msj-graph-bar",
"msj-graph-line",
"msj-graph-pie",
"msj-graph-gantt"
]
}

C:\Magic\Studio411\SmartUX\Templates\2.1.0.4-MSJ\Widgets\component-groups.json

を修正します。エンコードはUTF-8で保存してください。

最後の行の
}
]

の"}"と"]"の間に以下のコードを挿入します。

 ,
{
"id": "Graph",
"label": "グラフコントロール"
}

結果は以下のようになります。

 }
,
{
"id": "Graph",
"label": "グラフコントロール"
}
]

SmartUXのウィジェットにグラフコントロールが追加されたら成功です。