Example of Pivot Chart in Blazor Pivot Table Component
This sample demonstrates rendering a pivot chart using pivot data. User can explore the data through drill-up and drill-down operations by clicking the grouping labels. The field list can also be used to change the report at runtime.
Grand Total |
|---|
| Grand Total | No records to display |
Properties
Chart Types: |
In this sample, the Pivot component plots a chart based on the pivot report bound to it. This can be
achieved by setting the View property to View.Chart in PivotViewDisplayOption. The built-in options are:
Table- Renders pivot table only, which is the default type.Chart- Renders pivot chart only.Both- Renders both pivot table and pivot chart.
You can change the chart types using the Chart Types dropdown list separately.
The chart types can be set using the Type property in PivotChartSeries. The built-in chart types are:
Column, Line, Spline, Bar, Area, StepArea,
SplineArea, StackingColumn, StackingArea, StackingBar, StepLine
Pareto, Bubble, Scatter, StackingColumn100, StackingBar100, StackingArea100, Polar,
Radar, Pie, Doughnut, Funnel and Pyramid.
In the sample, the field list option is also enabled, through which you can see the result in the chart by modifying the report dynamically.
In accumulation charts such as pie, doughnut, funnel, and pyramid, the drill down/up operation can be performed by right-clicking on the appropriate series and selecting an option from the context menu.
More information on the pivot chart can be found in this documentation section. You can refer to our Blazor Pivot Chart page to know more about pivot chart and its features.