[{"id":"14d2df97-0676-420c-964d-13426eef1a61","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"12657671-6e6c-4608-ae6d-388d545858df","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"6ea4540d-1449-4cda-9476-7aea94fe92e4","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"8afa6dea-e859-46ff-9492-bbcfb9be02e6","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"3342d713-adf6-4d3d-927a-c18269454a2f","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"c4528dd2-d051-44fc-aaed-03fc5898b4e9","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"55dfa43c-32fc-40cb-ace2-6289ee64a56c","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"12e3d04c-a41d-44e3-bb5e-844d20706258","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"d743e457-9ea8-4a4c-8693-98b2914a8687","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"c29576aa-6a99-4d96-85f3-0c18fd4cc690","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"64db515c-5722-4cee-a216-402fe61de0ea","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"9a15e1ef-b289-40c7-8b67-86751cd27633","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"8bdc33fd-1f2a-418b-a930-a31f5bc2cdf8","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"46f440e9-0dc3-419d-9628-d1828c65a287","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"5daa39c5-b191-4c5e-9390-e1e99b01f262","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"1fac4778-f96c-4ebd-869f-721dbb56fdf9","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"c63ad869-9774-40a4-a810-e8822e878cdb","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"e20c310b-707e-4184-a34e-44efc18718e8","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"3f38aa91-b42d-4dcf-afc6-e168fa3643b1","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"0c39c17a-54f4-43ee-96e8-9e712712e73f","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"eb3f4f7d-3203-4434-8f6e-a8d0de4be95c","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"3d3d8e01-9dc6-4942-96ec-245e80322b4f","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"bd4e1539-7ff3-416e-9616-2ebd4dcf975a","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"c843ccac-1afb-4bf8-af53-ce2c372bd4d0","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"63c1f639-7fdc-4916-b88b-5feec0932d38","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"2dd357b0-2e3e-4bc7-a76a-6ffa143b539f","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"fefd2537-65ac-4ccc-ad4e-d7de9b97d390","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"6f1b7d46-2a6b-4f55-8e8d-976f91c0c538","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"31a616d1-2afb-4315-ac01-1679a605ee73","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"38f9879b-ac55-47be-aa85-cd6719c685cc","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"ceb327c0-7c44-431e-bcc2-edb578760b97","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"7c4e0318-8d49-4df0-91b8-f63ab944a9b1","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"812e0f7f-9fd2-47bb-9ffa-a98b7af0565f","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]}]
デモ ヘルプ APIリファレンス
トライアル版
(Showing Draft Content)

インストール

ActiveReportsJSは、クロスプラットフォームのデザイナアプリケーション、およびいくつかのJavaScriptライブラリから構成されています。 このトピックでは、各コンポーネントの概要とそのインストール手順について説明します。

インストールするパッケージ

Windows 、 macOS のパッケージを提供しています。使用しているOSに対応するパッケージをダウンロードして、アーカイブを抽出します。

レポートを作成するデザイナアプリ

デザイナアプリは、Electronで構築されたクロスプラットフォームのデスクトップアプリケーションであり、レポートの作成に使用できます。 詳細については、レポート作成者ガイド を参照してください。


インストーラは、ダウンロードしたインストールパッケージのdesignerフォルダにあります。


製品をインストール後30日間、製品評価を目的にご利用頂けます。

コアライブラリ

このライブラリにはコア機能が含まれ、アプリケーションのコード内で使用できるいくつかの 型 を公開しています。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。 この場合、 package.jsonファイルの依存関係リストに@grapecity/activereportsのnpmパッケージを追加することができます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージのdistフォルダにあるar-js-core.jsスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。


https://cdn.grapecity.com/activereportsjs/4.0.0/dist/ar-js-core.js

PDFエクスポートライブラリ

このライブラリには、レポートをPDFでエクスポートするコードが含まれています。詳細については、エクスポート を参照してください。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。 この場合、 package.jsonファイルの依存関係リストにPDFエクスポート機能を含む@grapecity/activereportsのnpmパッケージを追加できます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージのdistフォルダにあるar-js-pdf.jsスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。


https://cdn.grapecity.com/activereportsjs/4.0.0/dist/ar-js-pdf.js

XLSXエクスポートライブラリ

このライブラリには、レポートをXLSX形式でエクスポートするコードが含まれています。詳細については、エクスポート を参照してください。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。 この場合、package.jsonファイルの依存関係リストにXLSXエクスポート機能を含む@grapecity/activereportsのnpmパッケージを追加できます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージのdistフォルダにあるar-js-xlsx.jsスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。

https://cdn.grapecity.com/activereportsjs/4.0.0/dist/ar-js-xlsx.js

HTMLエクスポートライブラリ

このライブラリには、レポートをHTML形式でエクスポートするコードが含まれています。詳細については、エクスポート を参照してください。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。 この場合、package.jsonファイルの依存関係リストにHTMLエクスポート機能を含む@grapecity/activereportsのnpmパッケージを追加できます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージの distフォルダーにあるar-js-html.jsスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。

https://cdn.grapecity.com/activereportsjs/4.0.0/dist/ar-js-html.js

CSVデータエクスポートライブラリ

このライブラリには、レポートをCSVデータ(CSV)形式でエクスポートするコードが含まれています。詳細については、エクスポート を参照してください。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。 この場合、package.jsonファイルの依存関係リストにCSVデータエクスポート機能を含む@grapecity/activereportsのnpmパッケージを追加できます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージの distフォルダーにあるar-js-tabular-data.jsスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。

https://cdn.grapecity.com/activereportsjs/4.0.0/dist/ar-js-tabular-data.js

帳票ビューワ

このライブラリには、帳票ビューワコンポーネントが含まれています。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。この場合、package.jsonファイルの依存関係リストにビューワコンポーネントを含む@grapecity/activereportsのnpmパッケージを追加できます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージのdistフォルダにあるar-js-viewer.jsスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。


https://cdn.grapecity.com/activereportsjs/4.0.0/dist/ar-js-viewer.js

Angular用の帳票ビューワ

このライブラリには、Angular用の帳票ビューワコンポーネントが含まれています。


Angularアプリケーションで使用するには、package.jsonファイルの依存関係リストに@grapecity/activereports-angularのnpmパッケージを追加します。


Angular用の帳票ビューワについては、Angularを参照してください。

React用の帳票ビューワ

このライブラリには、React用の帳票ビューワコンポーネントが含まれています。


Reactアプリケーションで使用するには、package.jsonファイルの依存関係リストに@grapecity/activereports-reactのnpmパッケージを追加します。


React用の帳票ビューワについては、Reactを参照してください。

Vue用の帳票ビューワ

このライブラリには、Vue用の帳票ビューワコンポーネントが含まれています。


Vueアプリケーションで使用するには、package.jsonファイルの依存関係リストに@grapecity/activereports-vueのnpmパッケージを追加します。


Vue用の帳票ビューワについては、Vueを参照してください。

Webデザイナコンポーネント

このライブラリには、Webデザイナコンポーネントが含まれています。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。この場合、 package.jsonファイルの依存関係リストに、Webデザイナコンポーネントを含む@grapecity/activereportsのnpmパッケージを追加できます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージのdistフォルダにあるar-js-designer.jsスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。


https://cdn.grapecity.com/activereportsjs/4.0.0/dist/ar-js-designer.js

帳票ビューワのローカライゼーションライブラリ

ActiveReportsJSには、ビューワのUIを中国語と日本語で表示するローカライゼーションモジュールが含まれています。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。この場合、package.jsonファイルの依存関係リストに、言語用のリソースを含む@grapecity/activereports-localizationのnpmパッケージを追加できます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージのdist\localesフォルダにあるar-js-locales.jsスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。


https://cdn.grapecity.com/activereportsjs/4.0.0/dist/locales/ar-js-locales.js

帳票デザイナのローカライゼーションライブラリ

ActiveReportsJSには、デザイナのUIを中国語と日本語で表示するローカライゼーションモジュールが含まれています。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。この場合、package.jsonファイルの依存関係リストに、言語用のリソースを含む@grapecity/activereports-localizationのnpmパッケージを追加できます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージのdist\locales\designerフォルダにあるja-locale.jsおよびzh-locale.jsスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。


https://cdn.grapecity.com/activereportsjs/4.0.0/dist/locales/designer/ja-locale.js

https://cdn.grapecity.com/activereportsjs/4.0.0/dist/locales/designer/zh-locale.js

帳票ビューワのUIテーマ

ActiveReportsJSには、帳票ビューワコンポーネント用のさまざまなUIテーマが用意されています。詳細については、テーマを参照してください。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。この場合、package.jsonファイルの依存関係リストに、帳票ビューワのテーマを含む@grapecity/activereportsのnpmパッケージを追加できます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージのstylesフォルダにあるar-js-ui.css、ar-js-viewer.css、dark-yellow-ui.css、dark-yellow-viewer.css、green-ui.css、green-viewer.css、light-blue-ui.css、およびlight-blue-viewer.cssスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/ar-js-ui.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/ar-js-viewer.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/dark-yellow-ui.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/dark-yellow-viewer.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/green-ui.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/green-viewer.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/light-blue-ui.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/light-blue-viewer.css

帳票デザイナのUIテーマ

ActiveReportsJSには、レポートデザイナコンポーネント用のさまざまなUIテーマが用意されています。詳細については、テーマを参照してください。


webpackなどのモジュールバンドラーを使用してコンパイルするアプリケーションでActiveReportsJSを使用する場合があるとします。この場合、package.jsonファイルの依存関係リストに、帳票デザイナのテーマを含む@grapecity/activereportsのnpmパッケージを追加できます。


PureJSアプリケーションには、ダウンロードしたインストールパッケージのstylesフォルダにあるar-js-ui.css、ar-js-viewer.css、dark-yellow-ui.css、dark-yellow-designer.css、green-ui.css、green-designer.css、light-blue-ui.css、およびlight-blue-designer.cssスクリプトへの参照を含めることができます。


または、このスクリプトはCDNから入手できます。

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/ar-js-ui.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/ar-js-designer.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/dark-yellow-ui.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/dark-yellow-designer.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/green-ui.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/green-designer.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/light-blue-ui.css

  • https://cdn.grapecity.com/activereportsjs/X.X.X/styles/light-blue-designer.css