UNPKG

igniteui-react-charts

Version:

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

52 lines (51 loc) 1.38 kB
import { IgrStrategyBasedIndicator } from "./igr-strategy-based-indicator"; import { MassIndexIndicator } from "./MassIndexIndicator"; /** * Represents a IgxDataChartComponent Mass Index indicator series. * Default required members: High, Low * * Represents a Ignite UIDataChart Mass Index indicator series. * * Example: * * ```ts * <IgrDataChart * dataSource={this.state.dataSource} > * * <IgrCategoryXAxis name="xAxis" /> * <IgrNumericYAxis name="yAxis" /> * * <IgrMassIndexIndicator * name="series1" * volumeMemberPath="Volume" * highMemberPath="High" * lowMemberPath="Low"/> * </IgrDataChart> * ``` * * ```ts * this.series = new IgrMassIndexIndicator ({ name: "Series1" }); * this.series.dataSource = this.data; * this.series.xAxis = this.categoryXAxis; * this.series.yAxis = this.numericYAxis; * this.series.xAxisName = "categoryXAxis"; * this.series.yAxisName = "numericYAxis"; * this.series.volumeMemberPath="Volume" ; * this.series.highMemberPath= "High" ; * this.series.lowMemberPath="Low" ; * ``` */ export class IgrMassIndexIndicator extends IgrStrategyBasedIndicator { createImplementation() { return new MassIndexIndicator(); } /** * @hidden */ get i() { return this._implementation; } constructor(props) { super(props); } }