[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Collapse]Creating Charts
     [Expand]2D Chart Types
     [Expand]3D Chart Types
     [Collapse]Providing Data
       Manually Create a Series
       Manually Add Points to a Series
       Specify Series Data Members
       Automatic Series Creation
       Customize a Series
       Series Scale Types
       Pivot Charting (Integration with a Pivot Grid Control)
       Colorizer
     [Expand]Data Representation
     [Expand]Appearance Customization
     [Expand]Miscellaneous
    [Expand]Chart Elements
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Pivot Charting (Integration with a Pivot Grid Control)

The WebChartControl can load and visualize data directly from the ASPxPivotGrid control. Each control provides a specific option set that configures how the Chart Control displays shared data. This guide explains how to configure the Pivot Charting bundle containing the Pivot Grid control and the Chart Control using the Chart’s options.

Note

Similar functionality is available for bridging the XRChart and XRPivotGrid.

This guide contains the following sections:

Expanded Pivot Grid Data Providing

A Web Chart Control retrieves a Pivot Grid's data after assigning an ASPxPivotGrid to the WebChartControl's ASPxDataWebControlBase.DataSourceID property at design time, or the ASPxDataWebControlBase.DataSource at runtime.

The Pivot Grid control automatically provides all the required data member names for series generation. Refer to the Automatic Settings section to learn more.

The WebChartControl.PivotGridDataSourceOptions property configures how the Chart retrieves a Pivot Grid's data. At the same time, the ASPxPivotGrid.OptionsChartDataSource property configures how the Pivot Grid provides its data to a chart. These properties specify options that are shared between the Chart and Pivot Grid. The table below contains the Chart's and Pivot Grid's settings that configure the same functionality and their descriptions.

Chart setting Pivot Grid setting Description
Auto-initialization
PivotGridDataSourceOptions.AutoBindingSettingsEnabled Specifies whether the chart's data binding is automatically adjusted during Pivot Chart creation.
PivotGridDataSourceOptions.AutoLayoutSettingsEnabled Specifies whether the chart's layout is automatically adjusted during Pivot Chart creation.
Format of the incoming data
PivotGridDataSourceOptions.RetrieveDataByColumns PivotGridOptionsChartDataSourceBase.ProvideDataByColumns Specifies whether a Chart's series are created based on its associated Pivot Grid's columns or rows.
PivotGridDataSourceOptions.RetrieveEmptyCells PivotGridOptionsChartDataSourceBase.ProvideEmptyCells Specifies whether empty cells should be passed to a Chart from its associated Pivot Grid.
Treatment of pivot totals
PivotGridDataSourceOptions.RetrieveColumnCustomTotals PivotGridOptionsChartDataSourceBase.ProvideColumnCustomTotals Specifies whether column custom totals should be passed to a Chart from its associated Pivot Grid.
PivotGridDataSourceOptions.RetrieveColumnGrandTotals PivotGridOptionsChartDataSourceBase.ProvideColumnGrandTotals Specifies whether column grand totals should be passed to a Chart from its associated Pivot Grid.
PivotGridDataSourceOptions.RetrieveColumnTotals PivotGridOptionsChartDataSourceBase.ProvideColumnTotals Specifies whether column totals should be passed to a Chart from its associated Pivot Grid.
PivotGridDataSourceOptions.RetrieveRowCustomTotals PivotGridOptionsChartDataSourceBase.ProvideRowCustomTotals Specifies whether row custom totals should be passed to a Chart from its associated Pivot Grid.
PivotGridDataSourceOptions.RetrieveRowGrandTotals PivotGridOptionsChartDataSourceBase.ProvideRowGrandTotals Specifies whether row grand totals should be passed to a Chart from its associated Pivot Grid.
PivotGridDataSourceOptions.RetrieveRowTotals PivotGridOptionsChartDataSourceBase.ProvideRowTotals Specifies whether row totals should be passed to a Chart from its associated Pivot Grid.
Limiting the number of series and points
PivotGridDataSourceOptions.MaxAllowedPointCountInSeries PivotGridOptionsChartDataSourceBase.MaxAllowedPointCountInSeries Limits the number of points in a Chart's auto-created series that are based on the associated Pivot Grid’s data.
PivotGridDataSourceOptions.MaxAllowedSeriesCount PivotGridOptionsChartDataSourceBase.MaxAllowedSeriesCount Limits the number auto-created series that are based on the associated Pivot Grid’s data.
Additional option
PivotGridDataSourceOptions.SinglePageOnly PivotGridWebOptionsChartDataSource.CurrentPageOnly Specifies whether only data from the Pivot Grid's current page is passed to the associated Chart.
Note

The PivotGridDataSourceOptions.MaxAllowedSeriesCount and PivotGridDataSourceOptions.MaxAllowedPointCountInSeries properties' default values limit series' and series points' count. Set these properties to 0 to remove the limit.

Expanded The Automatic Settings

Automatic Binding Settings

The PivotGridDataSourceOptions.AutoBindingSettingsEnabled property configures whether the Chart automatically obtains data member names and a value scale type from the Pivot Grid.

The Pivot Grid provides the data member names to the Chart in the following manner if WebChartControl.PivotGridDataSourceOptions's PivotGridDataSourceOptions.RetrieveDataByColumns property is set to true:

  • The name of the data member that specifies Pivot Grid's columns to the Chart’s SeriesDataMember property.
  • The name of the data member that specifies Pivot Grid's rows to the Chart’s ArgumentDataMember property.
  • The name of summarized values to the Chart’s ValueDataMember property.

Otherwise:

  • The name of the data member that specifies Pivot Grid's rows to the Chart’s SeriesDataMember property.
  • The name of the data member that specifies Pivot Grid's columns to the Chart’s ArgumentDataMember property.
  • The name of summarized values to the Chart’s ValueDataMember property.

Handle the WebChartControl.CustomizeAutoBindingSettings event that the Chart raises after it obtains data member names to modify these settings.

Note that if multiple fields identify a column/row, the respective field values connected by the '|' sign construct the corresponding data member value (for example, '1995 | January').

Automatic Layout Settings

The WebChartControl.AutoLayoutSettingsEnabled property automatically adjusts the chart's layout for two main diagram types:

The series labelsSeriesLabelBase.ResolveOverlappingMode is set to Default by default and changes to HideOverlapped if the label count is too large for the current diagram. The Chart raises the WebChartControl.CustomizeResolveOverlappingMode event before this property updates.

Finally, the chart legend's Legend.MaxHorizontalPercentage and the Legend.MaxVerticalPercentage properties are automatically adjusted for the best legend and diagram size ratio. The Chart raises the WebChartControl.CustomizeLegend event before updating the above properties.

Expanded See Also

Is this topic helpful?​​​​​​​