ASP.NET MVC Controls | ComponentOne
In This Topic
    RangeSelector Class
    In This Topic
    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