1. Visual Studioで新規プロジェクトを開きます。［プロジェクト］メニューから［新しい項目の追加］を選択します。
2. ［新しい項目の追加］ダイアログで［ActiveReports 18.0Jページレポート］を選択し、ファイル名を「rptFunnelChart」に変更します。
3. ［OK］をクリックするとActiveReports 18.0Jページレポートアプリケーションが新規作成されます。プロジェクトにはデフォルトでページレポートが追加されています。

   詳細については、「クイックスタート」を参照してください。

1. ［レポートエクスプローラ］で［データソース］ノードを右クリックして、［データソースの追加］オプションを選択するか、［追加］（＋）ボタンから［データソース］を選択します。
   
2. ［レポートデータソース］ダイアログで［全般］ページを選択し、名前を「ChartData」に変更します。
3. このチュートリアルでは、Reelsデータベースに接続します。詳細については、「データソースとの接続」を参照してください。

1. ［レポートエクスプローラ］で「ChartData」データソースノードを右クリックし、［データセットの追加］オプションを選択するか、［追加］（＋）ボタンから［データセット］を選択します。
2. ［データセット］ダイアログで［全般］ページへ移動し、［名前］フィールドに「StoreSalesData」と入力します。
3. ［データセット］ダイアログの［クエリ］フィールドに次のSQLクエリを入力します。

   SQLクエリ	コードのコピー
   SELECT * from StoreSales

4. クエリボックスの横にある［データセットの検証］アイコンをクリックし、クエリを検証します。            
5. ［OK］をクリックしてダイアログを閉じます。データセットとクエリフィールドは、［レポートエクスプローラ］の子ノードとして表示されます。

1. Visual Studioのツールボックスからデザイナ面上にChartコントロールをドラッグします。
2. ［グラフの種類を選択してください。］ウィザードから、［縦棒］を選択します。
3. グラフを右クリックして、種類 > その他 > ファンネルを選択します。
4. グラフを選択して、［プロパティ］ウィンドウに移動します。
5. Encodings > Valuesプロパティの横にある省略記号＜...＞をクリックして、Valueコレクションエディターを開きます。
6. ValueコレクションエディターにValueフィールドを追加します。
7. 追加したValueフィールドで、Value > Expressionに「=Fields!TotalSales.Value」を設定します。
8. ［OK］をクリックして、Value Expressionコレクションエディターを閉じます。データフィールドに「Total Sales」が表示されます。 ［OK］をクリックして、Valueコレクションエディターを閉じます。
9. グラフを選択して、［プロパティ］ウィンドウに移動します。
10. Encodings > Detailsプロパティの横にある省略記号＜...＞をクリックして、Detailコレクションエディターを開きます。
11. DetailコレクションエディターにDetailフィールドを追加します。
12. Values > Detail Expressionコレクションエディターで、フィールドを追加して、Expressionに「=Fields!StoreName.Value」を設定します。
13. ［OK］をクリックして、Detail Expressionコレクションエディターを閉じます。［OK］をクリックして、Detailコレクションエディターを閉じます。グラフで、「Store Name」がDetailsエンコーディングとして追加されます。
14. 「Store Name」エンコーディングを選択して、以下のように設定します。

    プロパティ名	プロパティの値
    Group	Stack
    SortDirection	Ascending
    SortingField	=Fields!StoreName.Value

    
    以下のようにグラフに凡例を追加します。
15. グラフを選択して、Encodings > Color > Valuesプロパティに移動します。
16. Valuesプロパティの横にある省略記号＜...＞をクリックして、Color Expressionコレクションエディターを開きます。
17. フィールドを追加して、Expressionに「=Fields!StoreName.Value」を設定します。

1. グラフを選択し、Paletteを「Office」に設定します。
2. グラフで「Chart title」を選択し、「Title」を「店舗売上」に設定します。
3. Category軸を選択し、「Line>ShowLine」と「Labels>ShowLabels」をFalseに設定して、Titleを「店舗名」に設定します。
4. Value軸を選択し、ShowLineとShowLabelsをFalseに設定して、Titleを「売上高」に設定します。
5. グラフを選択し、Labelsプロパティを以下のように設定します。
   

   プロパティ名	プロパティの値
   Labels>Color	White
   Labels>Template ラベルに表示するテンプレートを指定します。	{valueField.value:c}
   Labels>TextPosition ラベルのテキストの位置を指定します。	Center

6. 凡例を選択し、Titleを「店舗名」に設定します。

• デザイン時に［プレビュー］タブをクリックしてレポートを表示します。

または

• ビューワでレポートを開きます。詳細については、「Windowsフォーム用のビューワの使用」を参照してください。