Example of Integrate Chart in Grid in ASP.NET MVC Data Grid Control
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.
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.