UNPKG

igniteui-react-charts

Version:

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

45 lines (44 loc) 1.41 kB
import { IgrStraightNumericAxisBase } from "./igr-straight-numeric-axis-base"; import { NumericXAxis } from "./NumericXAxis"; /** * Represents a IgxDataChartComponent numeric X axis. * * The `NumericXAxis` treats the data as continuously varying numerical data items. Labels on this axis are placed along the X-axis. The location of labels varies according to the value in a data column that is mapped using the `XMemberPath` property of Scatter Series or `ValueMemberPath` property of Bar Series. * * ```ts * <IgrDataChart * dataSource={this.state.dataSource} > * * <IgrNumericXAxis name="xAxis" /> * <IgrNumericYAxis name="yAxis" * crossingAxis= "xAxis" * crossingValue= {700}/> * </IgrDataChart> * ``` * * ```ts * this.series = new IgrColumnSeries({ name: "series1" }); * this.series.dataSource = this.data; * this.series.xAxis = this.numericXAxis; * this.series.yAxis = this.numericYAxis; * this.series.xAxisName = "xAxis"; * this.series.yAxisName = "yAxis"; * ``` */ export class IgrNumericXAxis extends IgrStraightNumericAxisBase { createImplementation() { return new NumericXAxis(); } /** * @hidden */ get i() { return this._implementation; } constructor(props) { super(props); } scrollRangeIntoView(minimum, maximum) { this.i.so(minimum, maximum); } }