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.ChartsGridVertical = ChartsGridVertical;
|
|
var React = _interopRequireWildcard(require("react"));
|
|
var _useTicks = require("../hooks/useTicks");
|
|
var _styledComponents = require("./styledComponents");
|
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
/**
|
|
* @ignore - internal component.
|
|
*/
|
|
function ChartsGridVertical(props) {
|
|
const {
|
|
axis,
|
|
start,
|
|
end,
|
|
classes
|
|
} = props;
|
|
const {
|
|
scale,
|
|
tickNumber,
|
|
tickInterval
|
|
} = axis;
|
|
const xTicks = (0, _useTicks.useTicks)({
|
|
scale,
|
|
tickNumber,
|
|
tickInterval,
|
|
direction: 'x'
|
|
});
|
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
|
|
children: xTicks.map(({
|
|
value,
|
|
offset
|
|
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.GridLine, {
|
|
y1: start,
|
|
y2: end,
|
|
x1: offset,
|
|
x2: offset,
|
|
className: classes.verticalLine
|
|
}, `vertical-${value?.getTime?.() ?? value}`))
|
|
});
|
|
} |