How to use @nivo/tooltip - 2 common examples
To help you get started, we’ve selected a few @nivo/tooltip examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
plouc / nivo / packages / core / src / hocs / withContainer.js View on Github 
renderWrapper = true,
children,
animate,
motionStiffness,
motionDamping,
}) => {
const container = useRef(null)
const {
showTooltipAt,
showTooltipFromEvent,
hideTooltip,
isTooltipVisible,
tooltipContent,
tooltipPosition,
tooltipAnchor,
} = useTooltipHandlers(container)
return (
{/* we should not render the div element if using the HTTP API */}
{renderWrapper === true && (
<div style="{containerStyle}">
{children}
{isTooltipVisible && (</div>).isRequired,
legends: PropTypes.arrayOf(PropTypes.shape(LegendPropShape)).isRequired,
isInteractive: PropTypes.bool.isRequired,
debugMesh: PropTypes.bool.isRequired,
tooltip: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
tooltipFormat: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
enableSlices: PropTypes.oneOf(['x', 'y', false]).isRequired,
debugSlices: PropTypes.bool.isRequired,
sliceTooltip: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
enableCrosshair: PropTypes.bool.isRequired,
crosshairType: crosshairPropTypes.type.isRequired,
}
export const LinePropTypes = {
...commonPropTypes,
enablePointLabel: PropTypes.bool.isRequired,
useMesh: PropTypes.bool.isRequired,
...motionPropTypes,
}
export const LineCanvasPropTypes = {
pixelRatio: PropTypes.number.isRequired,
...commonPropTypes,
}
const commonDefaultProps = {
curve: 'linear',@nivo/tooltip
<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>
