UNPKG

igniteui-react-charts

Version:

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

50 lines (49 loc) 1.33 kB
import { IgrItemwiseStrategyBasedIndicator } from "./igr-itemwise-strategy-based-indicator"; import { MedianPriceIndicator } from "./MedianPriceIndicator"; /** * Represents a IgxDataChartComponent Median Price indicator series. * Default required members: High, Low * * Represents a Ignite UIDataChart Median Price indicator series. * * Example: * * ```ts * <IgrDataChart * dataSource={this.state.dataSource} > * * <IgrCategoryXAxis name="xAxis" /> * <IgrNumericYAxis name="yAxis" /> * * <IgrMedianPriceIndicator * name="series1" * volumeMemberPath="Volume" * highMemberPath="High" * lowMemberPath="Low"/> * </IgrDataChart> * ``` * * ```ts * this.series = new IgrMedianPriceIndicator({ 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"; * ``` */ export class IgrMedianPriceIndicator extends IgrItemwiseStrategyBasedIndicator { createImplementation() { return new MedianPriceIndicator(); } /** * @hidden */ get i() { return this._implementation; } constructor(props) { super(props); } }