キャンバスにカスタムモジュールを追加するには

1790 views

このガイドでは、Canvasにカスタムモジュールを追加する方法を説明します。

Magic xpaのインストールフォルダの中に、SmartUXフォルダがあります。SmartUX > SmartUXDesigner > canvas > custom-dependenciesフォルダの中に、カスタム依存関係があります。カスタム依存関係の変更はここで行うことができます。

ここでは、アプリケーションが Chartjs などのカスタム依存関係を使用していると仮定します。このモジュールを canvas に追加する方法を見てみましょう。

1. custom-package.jsonファイルを開く

custom-package.jsonファイルを開く。.

ngx-chartsの依存関係を追加する

custom.module.tsファイルを開く。

importセクションにNgxChartsModuleという名前のngx-chartsモジュールを追加します。

モジュール・デコレーターのimportセクションとexportセクションにModuleエントリーを追加する。

ファイルを保存する。

SmartUX Studioでプロジェクトを開きます。

キャンバスの更新をクリックします。

キャンバスのリフレッシュはしばらく続きます。

キャンバスのリフレッシュ処理が完了すると、SmartUX Studio UIの準備が整います。

次に、チャートのHTMLコンテンツを追加する。

すると、下図のようにキャンバス上にチャートが表示される。