1. Create a new Visual Studio project.
2. In the New Project dialog that appears, select ActiveReports 14 Page Report Application and in the Name field, rename the file as rptCompositeChart.
3. Click OK to create a new ActiveReports 14 Page Report Application. By default a Page report is added to the project.

   See Quick Start for information on adding different report layouts.

1. In the Report Explorer, right-click the Data Sources node and select the Add Data Source option or select Data Source from the Add button.
   
2. In the Report Data Source Dialog that appears, select the General page and in the Name field, enter a name like ChartData.
3. On this page, create a connection to the Reels database. See Connect to a Data Source for information on connecting to a data source.

1. In the Report Explorer, right-click the ChartData data source node and select the Add Data Set option or select Data Set from the Add button.
2. In the DataSet Dialog that appears, select the General page and enter the name of the dataset as StoreSummaryData.
3. On the Query page of this dialog, in the Query field enter the following SQL query.

   SQL Query	Copy Code
   SELECT * from StoreSummary

4. Click the Validate DataSet icon  at the top right hand corner above the Query box to validate the query.
5. Click OK to close the dialog. Your data set and queried fields appear as child nodes to the data source in the Report Explorer.

1. From the toolbox, drag a Chart data region onto the design surface of the report.
2. In the Select a Chart Type wizard that appears, select the chart type as Column.
3. Go to the Properties Window, click ellipses button next to Plots property to open the PlotDesigner - Collection Editor. You see that default Plot1 is already added.
4. Add two new plots and set their Name as Plot2 and Plot3. Now you have three chart plots - Plot1, Plot2, and Plot3.
5. Set the properties of Plot1, Plot2, and Plot3 in the collection editor as follows.     

   Property Name	Property Values
   	Plot1	Plot2	Plot3
   Encodings>Category>Values Bind field 'StoreName' to X-axis for each plot.	=Fields!StoreName.Value	=Fields!StoreName.Value	=Fields!StoreName.Value
   Encodings>Values collection editor Bind fields 'GrossSales', 'GrossProfit', and 'TotalItems' to Y-axis for each plot, respectively.	=Fields!GrossSales.Value	=Fields!GrossProfit.Value	=Fields!TotalItems.Value
   Encodings>Color>ShowValuesName Display Legends for each plot.	True	True	True
   LineStyle>LineColor Display selected color as the color of line in respective plots.	Black	LimeGreen	Black
   LineStyle>LineStyle Display selected style as the style of line in respective plots.	Solid	Solid	Solid
   LineStyle>LineWidth Display selected width as the width of line (in pts) in respective plots.	1pt	3pt	1pt

6. Click OK to save and exit the collection editor.
7. Right click Plot 1 and select Plot Template > Area > Area.
8. Right click Plot 2 and select Plot Template > Line > Line.
9. Right click Plot 3 and select Plot Template to Column > Column.

1. From Report Explorer, select Chart.
2. Go to the Properties Window and click ellipses next to PlotArea > Axes property to open the AxisDesigner - Collection Editor. You see that six axes are already added.
3. Remove Axis3 (AxisType X for Plot2) and Axis5 (AxisType X for Plot3). So now we have total four axes (one X axis - common for three plots and three Y axes - for three plots).
4. Set the properties of the four axes in the collection editor as follows.    
   

   Property Name	Property Values
   	Axis1	Axes2	Axes4	Axes6
   Common>AxisType Specify axis type as X or Y.	X	Y	Y	Y
   Common>Plots Specify plots on respective axes.	Plot1, Plot2, Plot3	Plot1	Plot2	Plot3
   Title>Title Specify title to be displayed for each axis.	Store Name	Gross Sales	Gross Profit	Total Items
   Labels>Format Specify format of the values displayed on each axis.	Default	c	c	d
   Line>LineStyle>LineStyle Specify axis line styles.	Solid	Solid	Solid	Solid
   Line>LineStyle>ShowLine Show axis lines on the plot.	True	True	True	True
   Layout>Position Specify position of axes.	Near	Near	Near	Far
   Major Grid > ShowMajorGrid  Show or hide major grid lines.	True	False	False	False

5. Click OK to save and exit the collection editor.

1. Select Chart and set Pallet to Office.
2. Select 'Chart title' on the chart and set Title to 'Store Summary'.
3. Select X-axis and set Labels>LabelsAngle to 90 degrees.

   Let us set the maximum and minimum values to limit the values for each Y axis plots. This is based on the values in the data set.

4. Go to the Properties Window and click ellipses next to PlotArea > Axes property to open the AxisDesigner - Collection Editor. Note that axes get renamed once you reopen the AxisDesigner - Collection Editor.
   
   

   Property Name	Property Values
   	Axes2 (Y axis for Plot1)	Axes3 (Y axis for Plot2)	Axes4 (Y axis for Plot3)
   Scale>Max	27000	15000	1400
   Scale>Min	18000	9000	900

   Note: You may need to adjust:
   

   • Size of the chart so that all labels are displayed correctly. Select Chart and set Size property to a larger value. 
   • Page size of the report so that the chart is fully rendered. Select Report and set PageSize property to a larger value.

• Click the Preview tab to view the report at design time.

OR

• Open the report in the Viewer. See Windows Forms Viewer for further information.