UNPKG

igniteui-react-charts

Version:

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

90 lines (89 loc) 2.89 kB
import { __extends } from "tslib"; import { IgrStrategyBasedIndicator } from "./igr-strategy-based-indicator"; import { StochRSIIndicator } from "./StochRSIIndicator"; /** * Represents a IgxDataChartComponent StochRSI indicator series. * Default required members: Close * * `StochRSIIndicator` or Stochastic Relative Strength IndexI Indicator (SRSI) measures when a security is overbought or oversold within a specified period of time. The values range from 0 to 1. The StochRSI Indicator is calculated by applying the Stochastic Oscillator formula to RelativeStrengthIndexIndicator (RSI) data. * * Using this indicator requires setting the `CloseMemberPath`. * * ```ts * <IgrDataChart * dataSource={this.state.dataSource} > * * <IgrOrdinalTimeXAxis name="xAxis" /> * <IgrNumericYAxis name="yAxis" /> * * <IgrStochRSIIndicator * name="series1" * xAxisName="xAxis" * yAxisName="yAxis" * closeMemberPath="Close"/> * </IgrDataChart> * ``` * * ```ts * let series = new IgrStochRSIIndicator({name:"series1"}); * series.xAxis = this.xAxis; * series.yAxis = this.yAxis; * series.closeMemberPath = "close"; * this.chart.series.add(series); * ``` */ var IgrStochRSIIndicator = /** @class */ /*@__PURE__*/ (function (_super) { __extends(IgrStochRSIIndicator, _super); function IgrStochRSIIndicator(props) { return _super.call(this, props) || this; } IgrStochRSIIndicator.prototype.createImplementation = function () { return new StochRSIIndicator(); }; Object.defineProperty(IgrStochRSIIndicator.prototype, "i", { /** * @hidden */ get: function () { return this._implementation; }, enumerable: false, configurable: true }); Object.defineProperty(IgrStochRSIIndicator.prototype, "period", { /** * Gets or sets the moving average period for the current StochRSIIndicator object. * The typical, and initial, value for StochRSI periods is 14. * * ```ts * this.series.period = 10; * ``` * * ```ts * <IgrDataChart * dataSource={this.state.dataSource} > * * <IgrOrdinalTimeXAxis name="xAxis" /> * <IgrNumericYAxis name="yAxis" /> * * <IgrStochRSIIndicator * name="series1" * xAxisName="xAxis" * yAxisName="yAxis" * closeMemberPath="Close" * period={10} /> * </IgrDataChart> * ``` */ get: function () { return this.i.acr; }, set: function (v) { this.i.acr = +v; }, enumerable: false, configurable: true }); return IgrStochRSIIndicator; }(IgrStrategyBasedIndicator)); export { IgrStochRSIIndicator };