DxPivotGridDataProvider<T> Class

Enables you to link the DxPivotGrid<T> and DxChart<T> components.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.dll

Declaration

public sealed class DxPivotGridDataProvider<T>

Type Parameters

Name Description
T

The data item type.

Remarks

The DxPivotGridDataProvider class acts as a bridge between the Pivot Grid and Chart components.

Use the Create<TDataSource>(Task<TDataSource>) method to create a new provider object. The method's parameter is an asynchronous task that returns an IEnumerable<T> data source. Bind the Pivot Grid and Chart to the provider's PivotGridDataSource and ChartDataSource properties that return data in formats applicable to these components.

<DxChart Data="@(PivotGridDataProvider.ChartDataSource)">
    <DxChartCommonSeries NameField="@((IChartDataItem s) => s.SeriesName)"
                         ArgumentField="@(s => s.Argument)"
                         ValueField="@(s => s.Value)"
                         SeriesType="@ChartSeriesType.Bar" />
</DxChart>

<DxPivotGrid Data="@(PivotGridDataProvider.PivotGridDataSource)">
    <DxPivotGridField Field="@nameof(SaleInfo.Region)" SortOrder="@PivotGridSortOrder.Ascending" 
        Area="@PivotGridFieldArea.Row"></DxPivotGridField>
    <DxPivotGridField Field="@nameof(SaleInfo.Country)" Area="@PivotGridFieldArea.Row"></DxPivotGridField>
    <DxPivotGridField Field="@nameof(SaleInfo.City)" Area="@PivotGridFieldArea.Row"></DxPivotGridField>
    <DxPivotGridField Field="@nameof(SaleInfo.Date)" GroupInterval="@PivotGridGroupInterval.Year" 
        Area="@PivotGridFieldArea.Column" Caption="Year"> </DxPivotGridField>
    <DxPivotGridField Field="@nameof(SaleInfo.OrderId)" Caption="Count" Area="@PivotGridFieldArea.Data" 
        SummaryType="@PivotGridSummaryType.Count"> </DxPivotGridField>
</DxPivotGrid>

@code {
    DxPivotGridDataProvider<SaleInfo> PivotGridDataProvider = DxPivotGridDataProvider<SaleInfo>.Create(Sales.Load());
}

The Chart shows data from the Pivot Grid's lowest expanded level. The Chart is updated when a user expands or collapses rows/columns in the Pivot Grid.

Blazor-Linked-PivotGrid-And-Chart

Inheritance

Object
DxPivotGridDataProvider<T>
See Also