UNPKG

igniteui-react-charts

Version:

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

52 lines (51 loc) 1.83 kB
import { IgrStrategyBasedIndicator, IIgrStrategyBasedIndicatorProps } from "./igr-strategy-based-indicator"; import { PriceVolumeTrendIndicator } from "./PriceVolumeTrendIndicator"; /** * Represents a IgxDataChartComponent Price Volume Trend Indicator series. * Default required members: Volume, Close * * You can use the `PriceVolumeTrendIndicator` to measure money flow by adding or subtracting a portion of the daily volume. * * ```ts * <IgrDataChart * dataSource={this.state.dataSource} * width="700px" * height="500px"> * * <IgrCategoryXAxis name="xAxis" label="Date" /> * <IgrNumericYAxis name="yAxis" /> * <IgrPriceVolumeTrendIndicator * name="series1" * xAxisName="xAxis" * yAxisName="yAxis" * lowMemberPath="Low" * highMemberPath="High" * openMemberPath="Open" * closeMemberPath="Close" * volumeMemberPath="Volume" /> * </IgrDataChart> * ``` * * ```ts * let series = new IgrPriceVolumeTrendIndicator({name:"series1"}); * series.xAxisName = this.xAxis; * series.yAxisName = this.yAxis; * series.xAxis = this.categoryXAxis; * series.yAxis = this.numericYAxis; * series.openMemberPath = "open"; * series.highMemberPath = "high"; * series.lowMemberPath = "low"; * series.closeMemberPath = "close"; * series.volumeMemberPath="Volume" ; * ``` */ export declare class IgrPriceVolumeTrendIndicator extends IgrStrategyBasedIndicator<IIgrPriceVolumeTrendIndicatorProps> { protected createImplementation(): PriceVolumeTrendIndicator; /** * @hidden */ get i(): PriceVolumeTrendIndicator; constructor(props: IIgrPriceVolumeTrendIndicatorProps); } export interface IIgrPriceVolumeTrendIndicatorProps extends IIgrStrategyBasedIndicatorProps { }