Example of DateTime in ASP.NET MVC Range Selector Control

Range Selector
Axis
DateTime

This sample visualizes rendering of date-time in the range navigator with exchange rate analysis of EUR to USD.

EUR Exchange Rate from USD

2011/01/01
2013/12/31
20072008200920102011201220132014201520162017

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 MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab