• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

Example of Grouped Column in ASP.NET MVC Chart Control

This sample visualizes the Olympics medal count using a grouped column series. Data labels are used to display the values of data points.


In this example, you can see how to render and configure column charts. Column charts are used for comparing the frequency, count, total or average of data in different categories. You can group the column series by using the GroupName property.

Tooltip is enabled in this example. To see the tooltip in action, hover over a point or tap on a point in touch-enabled devices.

More information about the column series can be found in this documentation section.