<< Click to Display Table of Contents >>

\

This tutorial demonstrates how to use the Chart control to visualize the Pivot Grid control's data.

1.Drop the Pivot Grid control from the Toolbox onto the Detail band.

eurd-win-add-pivot-grid-to-report

2.Open the Toolbar's Pivot Grid Tools contextual tab and click Add Data Source to bind the pivot grid to data.

eurd-win-pivot-grid-toolbar-add-data-source

 

After the data source is created, the Pivot Grid's Data Source and Data Member properties are assigned automatically.

3.Switch the Pivot Grid Tools toolbar tab and click Run Designer. In the invoked Designer, click Retrieve Fields to obtain fields from the control's data source.

eurd-win-pivot-grid-designer-retrieve-fields

4.Switch to the Layout page and drag-and-drop the data fields onto the Row Fields, Column Fields and Data Items areas to define the Pivot Grid's layout.

eurd-win-pivot-grid-designer-layout

Click Apply and close the Designer.

1.Drop the Chart control from the Toolbox onto the Detail band below the Pivot Grid.

eurd-win-add-chart-to-link-with-pivot-grid

2.The Chart Designer is invoked automatically after you drop the Chart onto the Detail band. Switch to the Data tab at the right of the Designer's window and choose the Pivot Grid in the drop-down list.

eurd-win-chart-designer-pivot-grid-data-source

This adjusts all the Chart's binding and layout settings automatically. Make sure that Series, Argument and Value cells are filled with the corresponding fields. Note that field values are generated based on the Pivot Grid's columns, rows, and data items.

eurd-win-chart-designer-pivot-grid-result

3.Select the Label node under auto-generated series in the chart elements tree and switch to the Options tab. Disable the Visibility check box to avoid overlapping series labels.

eurd-win-chart-designer-auto-series-label-visibility

4.(optionally) You can customize various settings that determine a linked Chart and Pivot Grid pair's common behavior. To do this, use the Chart's Pivot Grid Data Source Options property. This property is synchronized with the Pivot Grid's Options Chart Data Source property.

eurd-win-chart-pivot-grid-data-source-options

Switch to Print Preview to see the resulting report.

eurd-win-pivot-grid-with-chart-result

\\