v5.20192.624
|

RangeSelector Class

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);
  });

Hierarchy

Constructors

constructor

  • 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

isVisible: boolean

Gets or sets the visibility of the range selector.

max

max: number

Gets or sets the maximum value of the range. If not set, the maximum is calculated automatically.

maxScale

maxScale: number

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

min: number

Gets or sets the minimum value of the range. If not set, the minimum is calculated automatically.

minScale

minScale: number

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

orientation: Orientation

Gets or sets the orientation of the range selector.

seamless

seamless: boolean

Gets or sets a value that determines whether the min/max elements may be reversed by dragging one over the other.

Methods

onRangeChanged

remove

  • remove(): void

Events

rangeChanged

rangeChanged: Event

Occurs after the range changes.