• 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 DateTime Axis in ASP.NET Core Range Selector Control

This sample represent the exchange rate analysis for USD to EUR with datetime axis.

DEMO
SOURCE

EUR Exchange Rate from USD

Date-time data is used in this sample, and the selected range values are showed with tooltip. Date-time axis uses date-time scale and displays date-time values as axis labels. To render date-time axis, set the valueType to DateTime. Format of the axis label will be calculated based on the intervalType of the range navigator. You can also directly set the format using the labelFormat property.

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