Treemap tooltip

Floating hover panel for ChartTreemapPro. Absolutely positioned in treemap coordinate space.

Primitive: ChartTreemapTooltip

Interactive demo

Usage

import { ChartTreemapTooltip } from '@ramtt/charts'

<ChartTreemapTooltip x={hover.x} y={hover.y}>
  <strong>{node.name}</strong>
  <div>{node.value}</div>
</ChartTreemapTooltip>

Props

Prop	Type	Default	Description
x*	`number`	—	Absolute X in treemap coordinate space
y*	`number`	—	Absolute Y in treemap coordinate space
children*	`ReactNode`	—	Panel content
offsetX	`number`	16	Px offset applied to x
minTop	`number`	8	Minimum top so the panel never clips the top edge
className	`string`	—	Additional Tailwind classes