[]
        
(Showing Draft Content)

WjFlexChartRangeSelector Class

WjFlexChartRangeSelector Class

Angular 2 component for the wijmo.chart.interaction.RangeSelector class.

The wj-flex-chart-range-selector component must be contained in one of the following components: wijmo.angular2.chart.WjFlexChart or wijmo.angular2.chart.finance.WjFinancialChart.

Use the wj-flex-chart-range-selector component to add RangeSelector controls to your Angular 2 applications. For details about Angular 2 markup syntax, see Angular 2 Markup.

The WjFlexChartRangeSelector component is derived from the RangeSelector class and inherits all its properties, events and methods.

Heirarchy

Properties

initialized

initialized: EventEmitter<any>

This event is triggered after the component has been initialized by Angular, that is all bound properties have been assigned and child components (if any) have been initialized.

isInitialized

isInitialized: boolean

Indicates whether the component has been initialized by Angular. Changes its value from false to true right before triggering the initialized event.

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.

rangeChangedNg

rangeChangedNg: EventEmitter<any>

Angular (EventEmitter) version of the Wijmo rangeChanged event for programmatic access. Use this event name if you want to subscribe to the Angular version of the event in code. In template bindings use the conventional rangeChanged Wijmo event name.

seamless

seamless: boolean

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

wjProperty

wjProperty: string

Gets or sets a name of a property that this component is assigned to. Default value is ''.

Methods

created

  • created(): void
  • If you create a custom component inherited from a Wijmo component, you can override this method and perform necessary initializations that you usually do in a class constructor. This method is called in the last line of a Wijmo component constructor and allows you to not declare your custom component's constructor at all, thus preventing you from a necessity to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.

    Returns void

onRangeChanged

remove

  • remove(): void

Events

rangeChanged

rangeChanged: Event<RangeSelector, EventArgs>

Occurs after the range changes.