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);
});
constructor(chart: FlexChartCore, options?): RangeSelector
Initializes a new instance of the RangeSelector class.
The FlexChart that displays the selected range.
A JavaScript object containing initialization data for the control.
Gets or sets the maximum value of the range. If not set, the maximum is calculated automatically.
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.
Gets or sets the minimum value of the range. If not set, the minimum is calculated automatically.
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.
Gets or sets a value that determines whether the min/max elements may be reversed by dragging one over the other.
onRangeChanged(e?: EventArgs): void
Raises the rangeChanged event.