How to Display the Pivot Charts in EJ2 Pivot Table

The Pivot Chart is a built-in feature of the EJ2 Pivot Table component that provides a visual representation of data along with drill-down capabilities for deeper insights. This guide walks you through the steps to effectively display and configure Pivot Charts within an existing EJ2 Pivot Grid widget.

Steps to Configure Pivot Chart

1. Configure the Pivot Grid Widget:

   • In the Property Panel, go to the Assign Data section.
     
     
   • Assign the required fields to the Values, Rows, and Columns areas.
     
     

2. Enable Pivot Chart:

   • Navigate to the PivotChart Settings category under the Properties section in the Property Panel.
     
     
   • Enable the Pivot Chart option.

3. View the Chart:

   • Once enabled, the chart visualization will appear directly within the Pivot Grid interface.
     
     

4. Select Chart Type:

   • Use the Chart Type dropdown menu to select the desired chart type that best suits your data representation needs.
     
     

With this setup, you can seamlessly integrate interactive Pivot Charts into your EJ2 Pivot Grid widget, offering powerful and dynamic data visualizations.

References

• Grid Widget Documentation
• Pivot Grid Widget Documentation
• How to Display Value Fields as Rows in a Pivot Grid Widget