- 5.20231.904
- Preparing search index...
- The search index is not available
RangeSelector Class
Heirarchy
- RangeSelector
Constructors
Properties
Methods
Events
Constructors
constructor
- new
Range Selector(chart: FlexChartCore, options?: any): RangeSelector
-
Initializes a new instance of the RangeSelector class.
Parameters
-
chart: FlexChartCore
The FlexChart that displays the selected range.
-
Optional options: any
A JavaScript object containing initialization data for the control.
Returns RangeSelector
-
Properties
isVisible
Gets or sets the visibility of the range selector.
max
Gets or sets the maximum value of the range. If not set, the maximum is calculated automatically.
maxScale
Gets or sets the maximum amount of data that can be selected, as a percentage of the total range. This property must be set to a value between zero and one.
min
Gets or sets the minimum value of the range. If not set, the minimum is calculated automatically.
minScale
Gets or sets the minimum amount of data that can be selected, as a percentage of the overall chart range. This property must be set to a value between zero and one.
orientation
Gets or sets the orientation of the range selector.
seamless
Gets or sets a value that determines whether the min/max elements may be reversed by dragging one over the other.
Methods
onRangeChanged
- on
Range Changed(e?: EventArgs): void
-
Raises the rangeChanged event.
Parameters
-
Optional e: EventArgs
Returns void
-
remove
- remove(): void
-
Removes the RangeSelector control from the chart.
Returns void
Events
rangeChanged
Occurs after the range changes.
The RangeSelector control displays a range selector that allows the user to choose the range of data to display on the specified FlexChart.
To use the RangeSelector control, specify the FlexChart control to display the selected range of data.
The rangeChanged event is fired when there is a change in min or max value. For example:
var rangeSelector = new RangeSelector(chart); rangeSelector.rangeChanged.addHandler(function () { // perform related updates // e.g. modify displayed range of another chart update(rangeSelector.min, rangeSelector.max); });