UNPKG

igniteui-react-charts

Version:

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

117 lines (116 loc) 3.61 kB
import { IndicatorDisplayType } from "./IndicatorDisplayType"; import { IgrStrategyBasedIndicator, IIgrStrategyBasedIndicatorProps } from "./igr-strategy-based-indicator"; import { MoneyFlowIndexIndicator } from "./MoneyFlowIndexIndicator"; /** * Represents a IgxDataChartComponent Money Flow Index indicator series. * Default required members: Close, Low, High, Volume * * Represents a Ignite UIDataChart Money Flow Index indicator series. * * Example: * * ```ts * <IgrDataChart * dataSource={this.state.dataSource} > * * <IgrCategoryXAxis name="xAxis" /> * <IgrNumericYAxis name="yAxis" /> * * <IgrMoneyFlowIndexIndicator * name="series1" * openMemberPath="open" * volumeMemberPath="Volume" * highMemberPath="High" * lowMemberPath="Low" * closeMemberPath="close"/> * </IgrDataChart> * ``` * * ```ts * this.series = new IgrrMoneyFlowIndexIndicator ({ name: "Series1" }); * this.series.dataSource = this.data; * this.series.xAxis = this.categoryXAxis; * this.series.yAxis = this.numericYAxis; * this.series.volumeMemberPath="Volume" ; * this.series.highMemberPath= "High" ; * this.series.lowMemberPath="Low" ; * this.series.closeMemberPath="close" * ``` */ export declare class IgrMoneyFlowIndexIndicator extends IgrStrategyBasedIndicator<IIgrMoneyFlowIndexIndicatorProps> { protected createImplementation(): MoneyFlowIndexIndicator; /** * @hidden */ get i(): MoneyFlowIndexIndicator; constructor(props: IIgrMoneyFlowIndexIndicatorProps); /** * Gets default display type for the current Financial Indicator */ get defaultDisplayType(): IndicatorDisplayType; /** * Gets or sets the moving average period for the current MoneyFlowIndexIndicator object. * The typical, and initial, value for MoneyFlowIndexIndicator periods is 14. * * Gets or sets the moving average period for the current MoneyFlowIndexIndicator object. * * Example: * * ```ts * this.series.period = 14; * ``` * * ```ts * <IgrDataChart * dataSource={this.state.dataSource} > * * <IgrCategoryXAxis name="xAxis" /> * <IgrNumericYAxis name="yAxis" /> * * <IgrMoneyFlowIndexIndicator * name="series1" * openMemberPath="open" * volumeMemberPath="Volume" * highMemberPath="High" * lowMemberPath="Low" * closeMemberPath="close" * period="14"/> * </IgrDataChart> * ``` */ get period(): number; set period(v: number); } export interface IIgrMoneyFlowIndexIndicatorProps extends IIgrStrategyBasedIndicatorProps { /** * Gets or sets the moving average period for the current MoneyFlowIndexIndicator object. * The typical, and initial, value for MoneyFlowIndexIndicator periods is 14. * * Gets or sets the moving average period for the current MoneyFlowIndexIndicator object. * * Example: * * ```ts * this.series.period = 14; * ``` * * ```ts * <IgrDataChart * dataSource={this.state.dataSource} > * * <IgrCategoryXAxis name="xAxis" /> * <IgrNumericYAxis name="yAxis" /> * * <IgrMoneyFlowIndexIndicator * name="series1" * openMemberPath="open" * volumeMemberPath="Volume" * highMemberPath="High" * lowMemberPath="Low" * closeMemberPath="close" * period="14"/> * </IgrDataChart> * ``` */ period?: number | string; }