UNPKG

igniteui-react-charts

Version:

Ignite UI React charting components for building rich data visualizations using TypeScript APIs.

131 lines (130 loc) 3.72 kB
import { AxisRangeChangedEventArgs as AxisRangeChangedEventArgs_internal } from "./AxisRangeChangedEventArgs"; /** * Provides data for Axis RangeChanged events. * * The `AxisRangeChangedEventArgs` event fire when the axis range changes. * * ```ts * <IgrDataChart * dataSource={this.state.dataSource} * width="700px" * height="500px"> * <IgrCategoryXAxis name="xAxis" label="Date" /> * <IgrNumericYAxis name="yAxis" rangeChanaged={this.yAxisRangeChanged} /> * <IgrFinancialPriceSeries * name="series2" * xAxisName="xAxis" * yAxisName="yAxis" * displayType="Candlestick" * lowMemberPath="Low" * highMemberPath="High" * openMemberPath="Open" * closeMemberPath="Close" * volumeMemberPath="Volume" /> * </IgrDataChart> * ``` * * ```ts * axis.rangeChanged.bind(this.yAxisRangeChanged); * public yAxisRangeChanged(sender : any, e: AxisRangeChangedEventArgs) => { * * } * ``` */ export class IgrAxisRangeChangedEventArgs { createImplementation() { return new AxisRangeChangedEventArgs_internal(0); } get nativeElement() { return this._implementation.nativeElement; } /** * @hidden */ get i() { return this._implementation; } onImplementationCreated() { } constructor() { this.mounted = false; this._implementation = this.createImplementation(); this._implementation.externalObject = this; this.onImplementationCreated(); if (this._initializeAdapters) { this._initializeAdapters(); } } _provideImplementation(i) { this._implementation = i; this._implementation.externalObject = this; this.onImplementationCreated(); if (this._initializeAdapters) { this._initializeAdapters(); } } /** * Gets the minimum value before the range changed. The reported minimum is the effective, * not the set value. * * The `OldMinimumValue` property is used to gets the minimum value before the range changed. */ get oldMinimumValue() { return this.i.oldMinimumValue; } set oldMinimumValue(v) { this.i.oldMinimumValue = +v; } /** * Gets the minimum value after the range changed. The reported minimum is the effective, * not the set value. * * The `MinimumValue` property is used to getsthe minimum value after the range changed. * * ```ts * public yAxisRangeChanged(sender : any, e: AxisRangeChangedEventArgs) :void { * let maxVal= e.maximumValue * let minVal= e.minimumValue * * } * ``` */ get minimumValue() { return this.i.minimumValue; } set minimumValue(v) { this.i.minimumValue = +v; } /** * Gets the maximum value before the range changed. The reported maximum is the effective, * not the set value. * * The `OldMaximumValue` property is used to gets the maximum value before the range changed. */ get oldMaximumValue() { return this.i.oldMaximumValue; } set oldMaximumValue(v) { this.i.oldMaximumValue = +v; } /** * Gets the maximum value after the range changed. The reported maximum is the effective, * not the set value. * * The `MaximumValue` property is used to gets the maximum value after the range changed. * * ```ts * public yAxisRangeChanged(sender : any, e: AxisRangeChangedEventArgs) :void { * let maxVal= e.maximumValue * let minVal= e.minimumValue * * } * ``` */ get maximumValue() { return this.i.maximumValue; } set maximumValue(v) { this.i.maximumValue = +v; } }