[{"id":"3d06deaa-2e4d-479c-b95a-2dcb8abfc887","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"e822faa9-5b39-474c-8f04-d95dcd787a4e","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"091ec731-67fd-4a2a-a703-3728fe885481","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"c4d1bedb-691f-49bb-96ed-65f91b580b0c","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"83de1fff-256a-4bcf-9d47-c12ac032a9e4","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"844918ae-7b53-4e16-8a83-4d9203303aa2","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"eaf39ba6-65df-466b-bc99-d40907e64e8e","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"65c6fd4f-dc15-4112-b00a-45207cea85fc","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"460f9118-8a3c-40da-8eba-63a1ba9df454","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"d2fc8bc1-89bf-4483-a3c2-be4be40fff31","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"b63907ef-97db-412d-b9e9-61e1cb319d27","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"d7124176-a563-4cf4-8f9a-f8ae3af669ac","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"f1ef6a79-1200-4477-bf3b-d1f4b52bf586","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"4b1a964f-7b24-4943-a2e2-77ff450e1f1d","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"ab703b5b-c2f4-48dc-925d-878261bce75f","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"a4de2920-3951-4baf-a478-888961b5e3c4","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の概要

このたびは ActiveReportsJS をお求めいただき、誠にありがとうございます。ActiveReportsJSは、簡単に埋め込み、カスタマイズできるリッチなAPIを使用して、複雑なレポートを作成できるレポートツールです。レポートレイアウトの要件に応じて、次のレポート形式を選択できます。

  • ページレポート： ページ単位でレポートをデザインするレポート形式です。そのため、デザイン時のレイアウトは実行時の出力結果と同一になります。RDLレポートとは異なり、デザイナ上に配置したレポートコントロールは実行時に同じレイアウトで出力されるため、実際の出力結果と同じイメージでレポートをデザインすることができます。

  • RDLレポート： ページを意識せずにデータソースの異なるテーブルやグラフを自由に配置するレポート形式です。エリアの出力位置やページの用紙サイズといったレイアウト上の制約を意識することなく自由にレポートコントロールを配置し、レポートをデザインすることができます。

  • ダッシュボード： 印刷を意識せずブラウザ上にテーブルやグラフを自由に配置して表示するレポート形式です。複数のエリアを利用してデザインすることで、出力する内容をタブ形式で切り替えることが可能で、データソースより取得した情報を、対話的に分析することができます。

ActiveReportsJSは、以下の主な機能を提供しています。

  • 簡単にインストールできる高度なデザイナ

  • JavaScriptを使用した帳票の作成

  • PDF、Excel、HTMLといった様々な形式へのエクスポート

  • パラメータやフィルタなどを設定した対話的なレポート

  • シンプルで使いやすいインタフェース

  • ActiveReports for .NETとの互換性

ActiveReportsJS デザイナアプリ

ActiveReportsJS では、エンドユーザーの様々な要望に応じて変更される帳票に対して、豊富なレポートコントロールを配置して帳票デザインを直感的に行う、帳票デザイン支援ツールのデザイナアプリを提供しています。

デザイナアプリで作成できるレポートでは、以下のように様々なデータプロバイダを使用してJSONデータソースにデータ連結することができます。

  • Webサービス

  • REST APIエンドポイント

  • ODataエンドポイント

  • GraphQLエンドポイント

  • レポートに埋め込む静的なデータ

また、APIを使用して環境に応じて、実行時にデータソースを編集することができます。詳細は実行時データ連結を参照してください。

ActiveReportsJS ビューワ

ActiveReportsJS では、様々なフロントエンドソリューションに組み込むことができるJavaScriptコンポーネントのビューワを提供しています。


ビューワは、以下のフロントエンドソリューションに組み込むことができます。

ビューワのインターフェースは、ブラウザ上にレポートを表示し、それと対話するための多くの機能を提供します。

  • ページ制御

  • 印刷

  • PDF、Excel、HTML、CSV形式へのエクスポート

  • 単一ページ／連続ページ／ゲラモードなどの複数の表示モード

  • 目次やブックマークを利用したレポート

  • ドリルダウン機能やドリルスルーリンクを利用した詳細レポート

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

ActiveReportsJS では、Webアプリケーション内に組み込んで、レポートの新規作成や変更を行うことができるJavaScriptコンポーネントのWebデザイナコンポーネントを提供しています。

Webデザイナコンポーネントは、以下のフロントエンドソリューションに組み込むことができます。

ActiveReportsJSのビューワやWebデザイナコンポーネントは、 TypeScript宣言 が用意されています。厳密な型指定により、初期の段階でバグを確認でき、コード補完または自動リファクタリングなどの機能を使用できます。TypeScriptのバージョン 3.7以降が必要です。