igniteui-react-charts
Version:
Ignite UI React charting components for building rich data visualizations using TypeScript APIs.
74 lines (73 loc) • 2.45 kB
JavaScript
import { __extends } from "tslib";
import { IgrStraightNumericAxisBase } from "./igr-straight-numeric-axis-base";
import { NumericYAxis } from "./NumericYAxis";
/**
* Represents a IgxDataChartComponent numeric Y axis.
*
* The `NumericYAxis` treats the data as continuously varying numerical data items. Labels on this axis are placed along the Y-axis. Location of labels varies according to the value in a data column that is mapped using the `YMemberPath` property for Scatter Series or `ValueMemberPath` property for Category Series.
*
* ```ts
* <IgrDataChart >
*
* <IgrCategoryXAxis name="xAxis"
* interval={12} labelLocation="OutsideBottom"
* label="Year" overlap={1} gap={0.4} />
*
* <IgrNumericYAxis name="yAxis"
* title="Expanse | Revenue"
* minimumValue={-900} labelLocation="OutsideLeft"
* maximumValue={900}
* interval={300} />
*
*
* <IgrLineSeries name="series1"
* valueMemberPath="Revenue"
* xAxisName="xAxisMonths"
* yAxisName="yAxisLeft"
* consolidatedItemHitTestBehavior="Basic" />
* </IgrDataChart>
* ```
*
* ```ts
* this.series = new IgrColumnSeries({ name: "series1" });
* this.series.dataSource = this.data;
* this.series.xAxis = this.categoryXAxis;
* this.series.yAxis = this.numericYAxis;
* this.series.xAxisName = "xAxis";
* this.series.yAxisName = "yAxis";
* ```
*/
var IgrNumericYAxis = /** @class */ /*@__PURE__*/ (function (_super) {
__extends(IgrNumericYAxis, _super);
function IgrNumericYAxis(props) {
return _super.call(this, props) || this;
}
IgrNumericYAxis.prototype.createImplementation = function () {
return new NumericYAxis();
};
Object.defineProperty(IgrNumericYAxis.prototype, "i", {
/**
* @hidden
*/
get: function () {
return this._implementation;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgrNumericYAxis.prototype, "isVertical", {
/**
* Gets if the current axis is of vertical axis
*/
get: function () {
return this.i.cp;
},
enumerable: false,
configurable: true
});
IgrNumericYAxis.prototype.scrollRangeIntoView = function (minimum, maximum) {
this.i.oj(minimum, maximum);
};
return IgrNumericYAxis;
}(IgrStraightNumericAxisBase));
export { IgrNumericYAxis };