Example of Lightweight in Javascript Range Selector Control


This sample represents the total number of business and weekend days in a selected period.

More Details...

Calculate the Business and Weekend days in a period

Total Business Days:
Total Weekend Days:

In this example, you can see how to render a light-weight range navigator without series. You can use width, height, fill and border properties to customize the thumb in range navigator. You can also change the type of the thumb using type property. Injecting Module The range navigator component features are segregated into individual feature-wise modules. To use date-time axis, inject the DateTime module using the RangeNavigator.Inject(DateTime) method.