• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Chart in ASP.NET Core 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 Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab