45 lines
1.1 KiB
JavaScript
45 lines
1.1 KiB
JavaScript
"use strict";
|
|
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.ChartsGridHorizontal = ChartsGridHorizontal;
|
|
var React = _interopRequireWildcard(require("react"));
|
|
var _useTicks = require("../hooks/useTicks");
|
|
var _styledComponents = require("./styledComponents");
|
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
/**
|
|
* @ignore - internal component.
|
|
*/
|
|
function ChartsGridHorizontal(props) {
|
|
const {
|
|
axis,
|
|
start,
|
|
end,
|
|
classes
|
|
} = props;
|
|
const {
|
|
scale,
|
|
tickNumber,
|
|
tickInterval
|
|
} = axis;
|
|
const yTicks = (0, _useTicks.useTicks)({
|
|
scale,
|
|
tickNumber,
|
|
tickInterval,
|
|
direction: 'y'
|
|
});
|
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
|
|
children: yTicks.map(({
|
|
value,
|
|
offset
|
|
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.GridLine, {
|
|
y1: offset,
|
|
y2: offset,
|
|
x1: start,
|
|
x2: end,
|
|
className: classes.horizontalLine
|
|
}, `horizontal-${value?.getTime?.() ?? value}`))
|
|
});
|
|
} |