The JSP Range Selector control provides an intuitive interface for selecting a small range from a larger collection. It is commonly used in financial dashboards to filter a date range for data that needs to be visualized.
Plot any type of data in the range selector using different value types like numeric and date-time.
Plot data in the range selector with different chart types like line, area, and step line.
Bind selected data from the JSP Range Selector control to any other control using built-in events.
The range selector control provides the following ways to select a range.
All the elements of the JSP Range Selector control are highly customizable with built-in APIs.
Customize the size, color, font family, font attribute, and alignment of the labels using built-in APIs.
Customize the appearance of the left and right thumbs using built-in APIs.
Customize the color, stroke width, and visibility of the major and minor gridlines using built-in APIs.
Tooltip in the JSP Range Selector control displays the start and end values of a selected range, allowing users to easily select the required range.
The range selector supports right-to-left rendering and allows the series and scale direction to be displayed from right to left. This improves the user experience and accessibility of RTL languages.
The interactive JSP Range Selector control also supports touch interactions.
All the features of the range selector will work on touch devices with zero configuration.
You can view range selector on various devices. You can also hide specific elements in the range selector for particular screen sizes by making very minimal changes to the events.
You can render the JSP Range Selector control in all the modern browsers.