Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The RangeSelector component for Angular can be used to define a range. By resizing or moving the slider, you can select different ranges. The scale of the RangeSelector can be date, time and numeric. You can also set different background images. One of the unique features is that you can also put a chart as a background. You can also use the component as a filter.
jqxRangeSelector is the jQWidgets RangeSelector component for Angular. Range slider over a numeric or date scale, often used to filter a chart or grid.
jqxRangeSelector has 23 properties, 1 event and 5 methods, all in the API reference. Its main members, those its demos use first:
majorTicksInterval (property) – Sets or gets the interval between major ticks.max (property) – Sets or gets the maximum value of the range selector scale.min (property) – Sets or gets the minimum value of the range selector scale.padding (property) – Sets or gets the range selector's padding.minorTicksInterval (property) – Sets or gets the interval between minor ticks.range (property) – An object containing the following properties: from - the start of the initially selected range.labelsFormat (property) – Sets or gets the format of the labels.markersFormat (property) – Sets or gets the format of the markers.labelsOnTicks (property)getRange (method) – Gets the selected range.