recharts
Version:
React charts
60 lines (59 loc) • 2.1 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.YAxis = void 0;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _chartLayoutContext = require("../context/chartLayoutContext");
var _CartesianAxis = require("./CartesianAxis");
var _ChartUtils = require("../util/ChartUtils");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /**
* @fileOverview Y Axis
*/
var YAxis = exports.YAxis = function YAxis(_ref) {
var yAxisId = _ref.yAxisId;
var width = (0, _chartLayoutContext.useChartWidth)();
var height = (0, _chartLayoutContext.useChartHeight)();
var axisOptions = (0, _chartLayoutContext.useYAxisOrThrow)(yAxisId);
if (axisOptions == null) {
return null;
}
return (
/*#__PURE__*/
// @ts-expect-error the axisOptions type is not exactly what CartesianAxis is expecting.
_react["default"].createElement(_CartesianAxis.CartesianAxis, _extends({}, axisOptions, {
className: (0, _clsx["default"])("recharts-".concat(axisOptions.axisType, " ").concat(axisOptions.axisType), axisOptions.className),
viewBox: {
x: 0,
y: 0,
width: width,
height: height
},
ticksGenerator: function ticksGenerator(axis) {
return (0, _ChartUtils.getTicksOfAxis)(axis, true);
}
}))
);
};
YAxis.displayName = 'YAxis';
YAxis.defaultProps = {
allowDuplicatedCategory: true,
allowDecimals: true,
hide: false,
orientation: 'left',
width: 60,
height: 0,
mirror: false,
yAxisId: 0,
tickCount: 5,
type: 'number',
padding: {
top: 0,
bottom: 0
},
allowDataOverflow: false,
scale: 'auto',
reversed: false
};
;