このチュートリアルでは、テーブルとチャートを使用して、複数レイアウトを持つ販売実績レポートの作成方法を紹介します。

Visual Studioに統合されたデザイナでレポートを作成する

以下の手順はActiveReportsが既にインストールされていることを前提としています。

1. Visual Studio 2022（バージョン 17.0以降）を開き、「ActiveReports 18.0J ASP.NET Core MVC アプリ」テンプレートを選択して、新しいプロジェクトを追加します。
   
   組み込みテンプレートの完全なリストについては、「プロジェクトテンプレート」を参照してください。

2. プロジェクト名を入力し、［作成］をクリックします。
   

3. ［新規レポート］ダイアログでは、［RDLレポート］を選択し、［次へ］をクリックします。
   

単体のデザイナでレポートを作成する

1. デザイナアプリにて、［新規作成］をクリックします。
2. ［新規レポート］ダイアログでは、［RDLレポート］を選択し、［次へ］をクリックします。
   

レポートをデータソースに接続する

1. ［新規RDLレポート］ > ［データソース種類の選択］では、［CSV］を選択し、［次へ］をクリックします。
   
2. CSV接続の設定では、［開く］ボタンをクリックし、目的のファイル（たとえば、C:\Data\AcmeStore.csv）に移動して、ファイルパスを指定します。
   
3. ［次へ］をクリックし、CSVデータフィールドを設定します。
   
4. ［次へ］をクリックします。
   
5. レポートウィザードの最後の画面で、レポートの概要を確認し、［作成］をクリックすると、CSVデータソースを含むレポートが正常に追加されます。

レポートのレイアウトを作成する

ReportSection1

1. デフォルトで開いたReportSection1では、ツールボックスからChartコントロールをドラッグ＆ドロップします。
2. さまざまな都市の総売上高を示すグラフを作成します。積層縦棒グラフでデータを表示するには、「積層縦棒グラフの作成」を参照してください。
3. ［ReportSection1］タブをクリックし、［プロパティ］ウィンドウで［PaperOrientation］を「Landscape」に設定します。
   

ReportSection2

1. デザイン面の下に表示される［新規］タブをクリックし、「ReportSection2」を追加します。
2. ReportSection2では、ツールボックスからTableコントロールをデザイン面にドラッグ＆ドロップします。
3. 支払い方法と販売価格を表示するため、テーブルの3番目の列を削除します。このデータは、支払い方法、都市、地域ごとにグループ化されます。
4. 詳細行を選択して右クリックし、コンテキストメニューから［グループを挿入］を選択します。支払い方法、都市、地域の3つのグループを追加します。
5. ［Table - グループ］ダイアログで、グループを追加し、次のように［名前］と［グループ化の条件 > 式］を設定します。
   

   順番	名前	グループ化の条件 > 式
   1.	GroupByRegion	=[region]
   2.	GroupByCity	=[city]
   3.	GroupByPaymentMethod	=[payment_method]

      
6. ［OK］をクリックしてダイアログを閉じます。
7. テーブルの詳細行を削除します。
8. 次のようにTableコントロールにデータを入力します。
   1. 最初のテーブルグループを結合し、結合されたセルのValueプロパティに「="地域："&Fields!region.Value」式を入力します。
   2. 2番目のテーブルグループを結合し、Valueプロパティに「="都市："&Fields!city.Value」式を入力します。
   3. 3番目のテーブルグループの最初のセルのValueプロパティに「=Fields!payment_method.Value」式、および2番目のセルのValueプロパティに「=Sum(Fields!order_price.Value)」式を入力します。
9. ［ReportSection2］タブをクリックし、［プロパティ］ウィンドウで［PaperOrientation］を「Portrait」に設定します。
   
      

ReportSection3

1. デザイン面の下に表示される［新規］タブをクリックし、「ReportSection3」を追加します。
2. ReportSection3では、Chartコントロールをデザイン面にドラッグ＆ドロップし、バブルチャートを使用して支払い方法別の平均販売価格をプロットします。バブルチャートでデータを表示するには、「バブルチャートの作成」を参照してください。
3. ［ReportSection3］タブをクリックし、［プロパティ］ウィンドウで［PaperOrientation］を「Landscape」に設定します。
   

ReportSection4

1. デザイン面の下に表示される［新規］タブをクリックし、「ReportSection4」を追加します。
2. ReportSection4では、ツールボックスからTableコントロールをデザイン面にドラッグ＆ドロップし、支払い方法、平均販売価格、数量を表示します。
3. ［ReportSection4］タブをクリックし、［プロパティ］ウィンドウで［PaperOrientation］を「Portrait」に設定します。
   

レポートをプレビューする

［ビルド］ > ［ソリューションのビルド］をクリックして、ソリューションをビルドします。