Example of Chart in Javascript Data Grid Control

/
/
Integrate Chart in Grid

This sample demonstrates how to visualize grid data in a chart using the context menu feature. You will need to enable the context menu feature to access this functionality. Right-click on any row, select your preferred chart type, and a dialog will appear showing that data as a chart based on your category and series.

More Details...

Description

The sample supports various chart types - Line, Area, Column, Bar, Scatter, Pie and their stacked variations. Charts are rendered using the @syncfusion/ej2-grid-chart package's render method, which requires category, series and optional chart properties. This example uses categories like 'Product' and 'Year' with series data for 'Online', 'Retail' and 'Revenue' in the chart visualization.