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.

DEMO
SOURCE

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.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab