react-gifted-charts
Version:
ReactJS counterpart of react-native-gifted-charts. An intuitive charting library for Bar, Line, Area, Pie, Donut, Stacked Bar, Population Pyramid and Radar charts in React
43 lines • 3.49 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { getTopAndLeftForStripAndLabel } from 'gifted-charts-core';
export var StripAndLabel = function (props) {
var pointerX = props.pointerX, pointerLabelWidth = props.pointerLabelWidth, pointerRadius = props.pointerRadius, pointerWidth = props.pointerWidth, pointerYLocal = props.pointerYLocal, pointerStripUptoDataPoint = props.pointerStripUptoDataPoint, pointerStripHeight = props.pointerStripHeight, pointerItemLocal = props.pointerItemLocal, showPointerStrip = props.showPointerStrip, pointerStripWidth = props.pointerStripWidth, containerHeight = props.containerHeight, xAxisThickness = props.xAxisThickness, pointerStripColor = props.pointerStripColor, pointerConfig = props.pointerConfig, pointerLabelComponent = props.pointerLabelComponent, secondaryPointerItem = props.secondaryPointerItem, pointerEvents = props.pointerEvents, isBarChart = props.isBarChart, containsNegative = props.containsNegative;
var _a = getTopAndLeftForStripAndLabel(props), top = _a.top, left = _a.left;
return (_jsxs("div", { style: {
position: 'absolute',
left: pointerX + (pointerItemLocal[0].pointerShiftX || 0),
top: pointerYLocal
}, children: [(isBarChart
? showPointerStrip && !pointerLabelComponent
: showPointerStrip) ? (_jsx("div", { style: {
position: 'absolute',
left: (pointerRadius || pointerWidth) - pointerStripWidth / 4,
top: containsNegative
? 0
: pointerStripUptoDataPoint
? pointerRadius || pointerStripHeight / 2
: -pointerYLocal + 8,
width: pointerStripWidth,
height: pointerStripUptoDataPoint
? containerHeight - pointerYLocal + 4 - xAxisThickness
: pointerStripHeight + (containsNegative ? 10 : 0),
marginTop: pointerStripUptoDataPoint
? 0
: containsNegative
? -pointerYLocal
: containerHeight - pointerStripHeight
}, children: _jsx("svg", { height: containerHeight, width: pointerStripWidth + 2, children: _jsx("line", { stroke: pointerStripColor, strokeWidth: pointerStripWidth, strokeDasharray: (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.strokeDashArray)
? pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.strokeDashArray
: '', x1: 0, y1: 0, x2: 0, y2: pointerStripUptoDataPoint
? containerHeight - pointerYLocal + 4 - xAxisThickness
: pointerStripHeight + 10 }) }) })) : null, pointerLabelComponent ? (_jsx("div", { style: {
position: 'absolute',
left: left,
top: top,
marginTop: pointerStripUptoDataPoint
? 0
: containerHeight - pointerStripHeight,
width: pointerLabelWidth
}, children: pointerLabelComponent === null || pointerLabelComponent === void 0 ? void 0 : pointerLabelComponent(pointerItemLocal, secondaryPointerItem) })) : null] }));
};
//# sourceMappingURL=StripAndLabel.js.map