[]
        
(Showing Draft Content)

表示言語を設定する

ActiveReportsJSでは、Webデザイナコンポーネントを英語(en)、日本語(ja)、中国語(zh)で表示するローカライズモジュールを提供しています。このモジュールを使用するには次のJSライブラリをインポートする必要があります。

  • ja-locale.js
  • zh-locale.js

また、npmを利用してローカライズモジュールをインストールすることができます。
@grapecity/activereports-localizationパッケージをプロジェクトにインストールしてください。

ローカライズモジュールのインポート

WebアプリケーションのHTMLで利用する場合はscriptタグで参照します。

<script type="text/javascript" src="scripts/locales/designer/ja-locale.js"></script>
<script type="text/javascript" src="scripts/locales/designer/zh-locale.js"></script>

JavaScriptモジュールを使用するWebアプリケーションでは、次のようにパッケージからモジュールをインポートします。

import "@grapecity/activereports-localization/dist/designer/ja-locale";
import "@grapecity/activereports-localization/dist/designer/zh-locale";

Webデザイナコンポーネントの表示言語を設定する

Webデザイナコンポーネントのコンストラクタを使用する際、languageオプションを設定します。

var viewer = new Designer("#designer-host", { language: "ja" });

Webデザイナコンポーネントを様々なアプリケーションに組み込む方法については、Webデザイナコンポーネントの組み込みを参照してください。

関連トピック