Chart Integration

The Pivot Grid was moved to maintenance support mode. No new features/capabilities will be added to this component.

Grand Total
AmountCountAmountCountAmountCountAmount TotalCount Total
43620264520028220201111084065
189190412008654411154020501595105
101475317613027422701321987571
21511554216425558363521515175130
22964579204205677292527506775173
978453810048042503151724864097
Grand Total8768902698433052633827051092102900641

This demo illustrates linked Chart and Pivot Grid components. The chart is automatically updated when a user expands or collapses rows/columns in the Pivot Grid, and the Chart shows data from the Pivot Grid's lowest expanded level.

To link these components, do the following:

  1. Create a custom method that asynchronously returns an IEnumerable collection (Sales.Load() in this demo).
  2. Create a data provider object (PivotGridDataProvider in this demo).
  3. Bind the Pivot Grid to the data provider object's PivotGridDataSource property.
  4. Bind Charts to the data provider object's ChartDataSource property.
  5. Assign corresponding fields to NameField, ArgumentField, and ValueField properties.
  6. Additionally, you can assign a data field name to the PaneField property. This enables the Chart to group data by the corresponding field's values and create a separate Pane for each group.