Range Selector / Axis / DateTime Axis

Blazor Range Navigator DateTime Axis Example

Loading Syncfusion Blazor Server Demos…

This sample analyzes USD–EUR exchange rate data using a DateTime axis in the Range Navigator with an interactive tooltip for the selected range.

Configuration details:

  • Set the ValueType property to DateTime
  • Label formatting is automatically driven by the navigator's IntervalType setting
  • Override default formatting using the LabelFormat property for custom date/time display

More details: documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE