• 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 Range Step Area in ASP.NET MVC Chart Control

This ASP.NET MVC range step area chart example illustrates the minimum and maximum temperatures for different days using the default range step area series.


In this example, you can see how to render and configure the range step area type chart. You can use border and fill properties to customize the range step area. Both markers and data labels are used to represent data points and their values.

The 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 range step area series can be found in this documentation section.