チュートリアル6.2: ドリルスルー付きグラフを使用したレポートの作成
はじめに > チュートリアル6: グラフを使用したレポートの作成 > チュートリアル6.2: ドリルスルー付きグラフを使用したレポートの作成

レポートにドリルスルーリンクを追加し、レポートの対話性を高めることができます。ドリルスルーリンクはハイパーリンクとして表示され、これをクリックすることで、より詳細なデータを含んだ別のレポートへ移動することができます。ドリルスルーリンクを設定するにはレポートに移動プロパティを使用します。

このチュートリアルのねらい

このチュートリアルでは、ドリルスルーリンクを使用したレポートを作成する手順を紹介します。

メモ: 「チュートリアル6.1: グラフを使用したシンプルなレポートの作成」の手順を完了してから、以下の手順を実行してください。

このチュートリアルを完了すると、グラフを使用したレポートが作成されます。このレポートでグラフエリアの系列値をクリックすると別のレポートへ移動することができます。

系列をクリックしてドリルスルー先のレポートへ移動

系列をクリックしてドリルスルー先のレポートへ移動

ドリルスルー先のレポートを作成する

ドリルスルーリンクを使用して移動する先にあるレポートを作成しましょう。


ここでは、チュートリアル3で作成したものと類似したパラメータ付きレポートを作成します。

HTML5 Webデザイナにアクセスしてデータセットを設定する

  1. ActiveReports Server利用者ポータルで、［新規レポート］をクリックします。
    ActiveReports Server HTML5 Webデザイナが新しいブラウザタブで開きます。
  2. 00_空白のページレポートを選択し、デザイナの下部にある［データソースを選択する］を選択すると、［データセットから作成する］セクションに移動します。
  3. デザイナの下部にある［レポートの作成］をクリックします。新規レポートが作成されます。
  4. デザイナの右上にある［データ］アイコンをクリックします。
  5. ［データセット］セクションの横にある［+ 追加］をクリックし、開かれる［データセットの編集］ページで、［共有データセット］にある［売上情報_年間］を選択します。
  6. ［追加］をクリックします。売上情報_年間データセットがレポートに追加されます。

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

データを表示するために、Tableデータ領域を使用します。デザイナの左側にあるレポートコントロールのリストからTableデータ領域をレポートのデザイン領域にドラッグ＆ドロップします。

Tableデータ領域にデータをバインドする

  1. 追加したデータセットのフィールドを表示するために、売上情報_年間データセットの横にあるドロップダウンをクリックします。
  2. テーブルにデータを設定するために、詳細行の各列にフィールドをドラッグ＆ドロップしていきます。
    ここでは、製品名フィールドを1列目に、プラットフォームフィールドを2列目に、売上高フィールドを3列目にドラッグ＆ドロップします。
    画像のとおり、各詳細項目のラベルが自動でヘッダ行に追加されます。
  3. 売上高を通貨記号付きで表示するために、=[売上高]フィールドを含んだセルを選択してからデザイナの右上にある［プロパティ］タブへと移動し、［テキスト］セクションの表示形式プロパティを「Currency (digits: 0)」に設定します。
  4. テーブルフッタを削除するために、テーブル内のいずれかのセルを選択して行ハンドルを表示します。最下段左側にある行ハンドルを右クリックし、［フッタの削除］を選択します。これにより、テーブルフッタが削除され、テーブルは2行×3列になります。

レポートにパラメータを追加する

月にしたがってデータをフィルタリングするパラメータを追加するために、次の手順を行います。。

  1. デザイナの右上にあるデータアイコンをクリックします。
  2. ［パラメータ］セクションの横にある［+ 追加］をクリックします。レポートパラメータ1というパラメータが追加されます。
  3. ［レポートパラメータ1］をクリックして、［パラメータの編集］ページへと移動します。
  4. 3つのプロパティを次の画像のとおり設定します。

  5. ドリルスルー先のレポートを単体で実行した場合に、パラメータの値をデータセットから取得できるよう、［使用できる値］セクションの［クエリから値を取得］タブへと移動し、各プロパティを次のように設定します。
    プロパティ名 プロパティの値
    データセットの名前 SalesInfoAnnual
    値フィールド 月
    ラベルフィールド 月

    以上の設定の結果、画像のようになります。


レポートのデータを管理する

レポートに描画されるデータの量を制御するために、Tableデータ領域にフィルタを追加することができます。

ユーザーがパラメータ（ReportParameter1）に入力した値にしたがってデータを描画するフィルタを追加するために、次の手順を行います。

  1. デザイン領域上のテーブルを選択し、［プロパティ］タブへと移動します。

  2. 月パラメータにしたがってデータを制限するフィルタを追加します。

  3. ［データ］セクションのフィルタプロパティの横にある［項目の表示］をクリックし、つづいて［+ 項目の追加］をクリックします。
  4. 表示される[A] = [B]の横にあるをクリックし、［フィルタのプロパティ］ページへと移動します。
  5. 式プロパティの横にあるラジオボタンをクリックしてフィールドのリストを表示し、月を選択します。
  6. 演算子プロパティの横にあるドロップダウンを開き、「Equal」を選択します。
  7. 値プロパティの横にあるラジオボタンをクリックし、式を選択します。開かれる［式エディタ: 値］に次の式を入力します。=Parameters!ReportParameter1.Value
  8. ［保存］をクリックします。

レポートにタイトルを追加する

  1. デザイナの左側にあるレポートコントロールのリストから、TextBoxコントロールをテーブルよりも高い位置にドラッグ＆ドロップします。TextBoxを配置するためのスペースを作るために、テーブルの位置を適宜調整してください。
  2. デザイナの右上にある［プロパティ］タブへと移動します。
  3. 値プロパティの横にあるラジオボタンをクリックし、式を選択します。開かれる［式エディタ: 値］に次の式を入力します。=Parameters!ReportParameter1.Value & "月の売上詳細"

レポートの外観をカスタマイズする

メモ: 必要に応じて、レポートに配置する各コントロールのサイズや位置を調整してください。
  1. テーブルに背景色を追加するために、デザイン領域上のテーブルを選択します。
  2. デザイナ上部にある基本的なプロパティのリストのうち、背景色プロパティの横にあるドロップダウンを開き、［WEB］タブで「Light Yellow」を選択します。
  3. テーブルのヘッダ行をカスタマイズするために、ヘッダ行にあるすべてのテキストボックスを選択します。
  4. テキストを太字にするために、デザイナ上部にある基本的なプロパティのリストのうち、太さをクリックします。

  5. テキストを中央揃えにするために、中央揃えをクリックします。

  6. 罫線を追加するために、［プロパテイ］タブの［罫線］セクションにあるスタイルプロパティを「Solid」に設定します。
  7. テーブルの詳細行をカスタマイズするために、詳細行にあるすべてのテキストボックスを選択します。
  8. テキストを中央揃えにするために、中央揃えをクリックします。

  9. 罫線を追加するために、［プロパティ］タブの［罫線］セクションにあるスタイルプロパティを「Solid」に設定します。
  10. レポートのタイトルを太字にするために、「=Parameters!ReportParameter1.Value & "月の売上詳細"」の式を含んだテキストボックスを選択し、手順4を行います。

ドリルスルー先のレポートを表示／保存する

  1. ［プレビュー］ をクリックしてレポートの最終結果を表示します。画面が切り替わり、月の選択を求められますので、ドロップダウンを開いて、リストから特定の月を選択し、［レポートのプレビュー］をクリックします。
    メモ: パラメータリストの値は並べ替えがされていません。パラメータリストの値を並べ替えるには、並べ替えを設定したデータセットが必要になります。
  2. プレビューモードを終了するには、デザイナの左上にある［戻る］をクリックします。
  3. デザイナの上部にある［ファイル］タブへと移動ます。［名前を付けて保存］をクリックして、［新規レポート］の名前を任意のものに変更して［レポートの保存］をクリックします。レポートの説明やリビジョンコメントを追加することもできます。

ドリルスルーリンク付きレポートを作成する

ドリルスルーリンクを追加する

  1. チュートリアル6.1で作成したレポートを開きます。
  2. ［エクスプローラ］で、Chartデータ領域を選択します。
  3. ［データフィールド］領域の［売上高］を選択します。
  4. ［プロパティ］タブへと移動し、［アクション］セクションにある種類プロパティの横にあるドロップダウンを開き、 「Jump to Report」を選択します。
  5. 新たに開かれる［レポートに移動］フィールドで、横にあるドロップダウンを開き、リストから上記で作成したドリルスルー先のレポート（「～月の売上詳細」）を選択します。
  6. ［アクション］セクションにあるパラメータプロパティの横にある［項目の表示］をクリックします。［+ 項目の追加］をクリックして新たに表示される入力フィールドの横にあるをクリックし、画像のようにドリルスルー先のレポートに渡すパラメータを設定します。

ドリルスルーリンク付きレポートを表示／保存する

  1. ［プレビュー］をクリックしてレポートの最終結果を表示します。
  2. プロットエリアの系列をクリックすると、指定した月別の売上詳細を表示するレポートに移動します。
  3. プレビューモードを終了するには、デザイナの左上にある［戻る］をクリックします。
  4. デザイナの上部にある［ファイル］タブへと移動ます。［名前を付けて保存］をクリックして、［新規レポート］の名前を任意のものに変更して［レポートの保存］をクリックします。レポートの説明やリビジョンコメントを追加することもできます。
関連トピック
チュートリアル6.1: グラフを使用したシンプルなレポートの作成

 

 

©2017 GrapeCity inc. All rights reserved.