Blazor Range Navigator DateTime Axis Example

Range Selector / Axis / DateTime Axis

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

Loading Syncfusion Blazor Server Demos…

In this example, date-time data is used, and the selected range values are displayed with a tooltip. Date-time axis displays date-time data as axis labels and utilises a date-time scale. Set the ValueType to DateTime to display a date-time axis. The format of the axis label will be determined by the range navigator's IntervalType. The LabelFormat property can also be used to set the format directly.

More information about the range navigator can be found in this documentation section.

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