ActiveReportsのChartコントロールを使用し、グラフを使用したページレポート/RDLレポートを作成することができます。このチュートリアルでは、縦棒グラフを使用した簡単なレポートの作成方法を紹介します。
このトピックでは、以下のタスクを行います。
- Visual StudioプロジェクトにActiveReportsを追加する
- レポートをデータソースに接続する
- データセットを追加する
- レポートにChartコントロールを追加しグループ化する
- グラフの外観を構成する
- レポートを表示する
メモ:
- このチュートリアルでは、Reelsデータベース(Reels.mdb)のStoreSummaryテーブルを使用しています。Reelsデータベース(..\ActiveReportsNET14\Data\Reels.mdb)へのアクセス権限が必要です。
- このチュートリアルではページレポートを使用していますが、RDLレポートを使用した場合も同様の手順でレポートの作成が可能です。
チュートリアルを完了すると、次のようなレポートが作成されます。
デザイン時のレイアウト
実行時のレイアウト
Visual StudioプロジェクトにActiveReportsを追加する
- Visual Studioで新規プロジェクトを開きます。
- [プロジェクト]メニューから[新しい項目の追加]を選択します。[新しい項目の追加]ダイアログで[ActiveReports 14.0Jページレポート アプリケーション]を選択し、ファイル名を「rptSalesByStore」に変更します。
- [OK]をクリックするとActiveReports 14.0Jページレポートアプリケーションが新規作成されます。プロジェクトにはデフォルトでページレポートが追加されています。
詳細については、「クイックスタート」を参照してください。
レポートをデータソースに接続する
- [レポートエクスプローラ]で[データソース]ノードを右クリックして、[データソースの追加]オプションを選択するか、[追加](+)ボタンから[データソース]を選択します。
- [レポートデータソース]ダイアログで[全般]ページを選択し、名前を「ChartData」に変更します。
- このチュートリアルでは、Reelsデータベースに接続します。詳細については、「データソースとの接続」を参照してください。
データセットを追加する
- [レポートエクスプローラ]で[ChartData]データソースノードを右クリックし、[データセットの追加]オプションを選択するか、[追加](+)ボタンから[データセット]を選択します。
- [データセット]ダイアログで[全般]ページへ移動し、[名前]フィールドに「StoreSummaryData」と入力します。この名前が、[レポートエクスプローラ]で、追加したデータソースの子ノードとして表示されます。
-
[データセット]ダイアログの[クエリ]フィールドに次のSQLクエリを入力します。
SQLクエリ |
コードのコピー
|
SELECT * from StoreSummary
|
- クエリボックスの横にある[データセットの検証]アイコンをクリックし、クエリを検証します。
- [OK]をクリックしてダイアログを閉じます。データセットとクエリフィールドは、[レポートエクスプローラ]で、追加したデータソースの子ノードとして表示されます。
レポートにChartコントロールを追加しグループ化する
- Visual Studioのツールボックスからデザイナ面上にChartコントロールをドラッグします。
- [グラフの種類を選択してください。]ウィザードから、[縦棒]を選択します。
- [プロパティ]ウィンドウで、Plotsプロパティの隣にある省略記号<...>をクリックして、PlotDesignerコレクションエディターを開きます。 Plot1がすでに追加されていることを確認できます。
- Plot1を選択し、Encodings > Valuesプロパティの横にある省略記号<...>をクリックして、Valueコレクションエディターを開きます。
- フィールドを追加して、Value > Expressionに「
=Fields!GrossSales.Value」を設定します。
- [OK]をクリックして、Valueコレクションエディターを閉じます。
- PlotDesignerコレクションエディターでは、Encodings > Category > Valuesプロパティの横にある省略記号<...>をクリックします。
- フィールドを追加して、Expressionに「
=Fields!StoreName.Value」を設定します。
- [OK]をクリックして、Category Expressionコレクションエディターを閉じます。[OK]をクリックして、PlotDesignerコレクションエディターを閉じます。
カテゴリフィールドに「Store Name」が表示され、データフィールドに「Gross Sales」が表示されます。
グラフの外観を構成する
- グラフを選択し、Paletteを「Office」に設定します。
- グラフで「Chart title」を選択し、「Title」を「店舗別売上」に設定します。
- グラフを選択し、以下のプロパティを設定します。
プロパティ名 |
プロパティの値 |
LineStyle>LineColor |
Red |
LineStyle>LineStyle |
Dotted |
- X軸を選択して、Labels > LabelsAngleを「-45」に設定します。
- Title > TitleStyle > Padding >Topを「8pt」に設定します。
- Title >Titleを「店舗名」に設定します。
- Y軸を選択して、Title > TitleStyle > Padding > Rightを「4pt」に設定します。
-
Title >Titleを「売上高」に設定します。
メモ:必要に応じて、以下の設定を行うことができます。
- すべてのラベルが正しく表示されるようにグラフのサイズを変更します。グラフを選択し、Sizeプロパティを大きな値に設定します。
- グラフが完全に表示されるようにレポートのページサイズを変更します。「レポート」を選択してPageSizeプロパティを大きな値に設定します。
レポートを表示する
- デザイン時に[プレビュー]タブをクリックしてレポートを表示します。
または
関連トピック