New to Kendo UI for Angular? Start a free 30-day trial

Angular PivotGrid - Chart Integration

The PivotGrid provides an aggregateData field which holds a collection of PivotDataRowItem objects, representing the displayed aggregate values. Process the collection manually to use it as data for the Chart component.

Use the expandChange and configurationChange events to update the Chart component accordingly when the end user interacts with the PivotGrid.

The following example demonstrates how to implement a Chart with data, restructured from the PivotGrid dataLoaded event, to fit the specific Chart configuration.

Example
View Source
Change Theme:

In this article

Not finding the help you need?