UNPKG

igniteui-angular-charts

Version:

Ignite UI Angular charting components for building rich data visualizations for modern web apps.

55 lines (54 loc) 2.09 kB
import { IgxStrategyBasedIndicatorComponent } from "./igx-strategy-based-indicator-component"; import { EaseOfMovementIndicator } from "./EaseOfMovementIndicator"; import * as i0 from "@angular/core"; /** * Represents a IgxDataChartComponent Ease of Movement indicator series. * The ease of movement indicator by Richard W. Arms, Jr relates the price change of an asset to * its volume. Normally smoothed with a moving average. * Default required members: Low, High, Volume * * The ease of movment indicator is used to analyze relationships between a price changes and volume. One would usually plot this in a separate chart below the main price chart. It can be added to a chart like this: * * ```html * <igx-data-chart * [dataSource]="data" > * <igx-ordinal-time-x-axis * dateTimeMemberPath="TimeStamp" * #xAxis * > * </igx-ordinal-time-x-axis> * <igx-numeric-y-axis * #yAxis> * </igx-numeric-y-axis> * * <igx-ease-of-movement-indicator * [xAxis]="xAxis" * [yAxis]="yAxis" * highMemberPath="High" * lowMemberPath="Low" * volumeMemberPath="Volume"> * </igx-ease-of-movement-indicator> * </igx-data-chart> * ``` * * ```ts * let series = new IgxEaseOfMovementIndicatorComponent(); * series.xAxis = this.xAxis; * series.yAxis = this.yAxis; * series.highMemberPath = "High"; * series.lowMemberPath = "Low"; * series.volumeMemberPath = "Volume"; * series.dataSource = this.data; * this.chart.series.add(series); * ``` */ export declare class IgxEaseOfMovementIndicatorComponent extends IgxStrategyBasedIndicatorComponent { protected createImplementation(): EaseOfMovementIndicator; /** * @hidden */ get i(): EaseOfMovementIndicator; constructor(); static ɵfac: i0.ɵɵFactoryDeclaration<IgxEaseOfMovementIndicatorComponent, never>; static ɵcmp: i0.ɵɵComponentDeclaration<IgxEaseOfMovementIndicatorComponent, "igx-ease-of-movement-indicator", never, {}, {}, never, never>; }