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

Angular PivotGrid Aggregates

Aggregates in PivotGrid serve to combine and summarize data across different dimensions. These aggregates enable users to perform calculations such as sum, average, count, and more, providing a comprehensive overview of the data from various perspectives.

The following example demonstrates some of the built-in aggregates of the PivotGrid in action.

Change Theme

Theme

Loading ...

Built-in Aggregates

To aggregate the PivotGrid data, set the measures property of the kendoPivotLocalBinding directive to a Measure collection.

html

<kendo-pivotgrid [measures]="measures" ... ></kendo-pivotgrid>

You can set the aggregate property to:

an Aggregate object
predefined built-in aggregates. Below is a list of supported built-in aggregates applicable for local data binding only:
- sumAggregate
- minAggregate
- maxAggregate
- averageAggregate
- countAggregate

import { Measure, minAggregate, sumAggregate} from '@progress/kendo-angular-pivotgrid';

public measures: Measure[] = [
    {
        name: 'Total',
        value: (item: DataItem): number => item.Price, aggregate: sumAggregate
    }, //...
];

To display specific aggregates during initialization, set the measureAxes property to a PivotGridAxis collection.

public defaultMeasureAxes: PivotGridAxis[] = [
    { name: ['Total'] },
    { name: ['Min'] }
];

Isolating Aggregate Calculations Across PivotGrid Measures

By default, aggregates of the same type share the same internal data object for performance optimization. This means calculating the same aggregate type for multiple measures can lead to them overwriting each other.

To avoid this, use the createAggregate function along with the AggregateType enumeration to generate distinct aggregate instances for each measure. This ensures accurate, isolated calculations for each data field in the PivotGrid.

import { createAggregate, AggregateType, Measure } from '@progress/kendo-angular-pivotgrid';

public measures: Measure[] = [
    {
        name: 'TotalPrice',
        value: (item: DataItem): number => item.Price,
        aggregate: createAggregate(AggregateType.Sum)
    },
    {
        name: 'TotalQuantity',
        value: (item: DataItem): number => item.Quantity,
        aggregate: createAggregate(AggregateType.Max)
    }
];

The following example demonstrates how to create distinct aggregate instances for each measure in the PivotGrid.