RangeSelector Class
File
wijmo.chart.interaction.js
Module
wijmo.chart.interaction

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

constructor

constructor(chart: FlexChartCore, options?): RangeSelector

Initializes a new instance of the RangeSelector class.

Parameters
  • chart: FlexChartCore

    The FlexChart that displays the selected range.

  • options: Optional

    A JavaScript object containing initialization data for the control.

Returns
RangeSelector

Properties

isVisible

Gets or sets the visibility of the range selector.

Type
boolean

max

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

Type
number

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.

Type
number

min

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

Type
number

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.

Type
number

orientation

Gets or sets the orientation of the range selector.

Type
Orientation

seamless

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

Type
boolean

Methods

onRangeChanged

onRangeChanged(e?: EventArgs): void

Raises the rangeChanged event.

Parameters
Returns
void

remove

remove(): void

Removes the RangeSelector control from the chart.

Returns
void

Events

rangeChanged

Occurs after the range changes.

Arguments
EventArgs