Chart.Tooltip

Chart of Projects published, Proposals accepted over 6 points
month	Projects published	Proposals accepted
January	24	18
February	31	22
March	28	25
April	35	30
May	42	36
June	38	33

<Chart.Tooltip />
<Chart.Tooltip content={<Chart.Tooltip.Content nameKey="role" hideLabel />} />

API

Prop	Type	Default
`content`	`ReactNode`	—	Replaces the default body.
`offset`	`number`	`12`	Pixels between the pointer and the panel.

Plus every <div> prop. Source: chart/components/chart-tooltip.tsx.

Chart.TooltipContent

Prop	Type	Default
`formatter`	`((value: number, name: ReactNode, configKey: string) => ReactNode)`	—	Formats one series row. Use it for units and locale.
`hideIndicator`	`boolean`	`false`	Drops the colour swatch from each row.
`hideLabel`	`boolean`	`false`	Drops the heading, leaving the series rows.
`indicator`	`ChartTooltipIndicator`	`"dot"`	Shape of that swatch: a dot, a line or a filled block.
`labelClassName`	`string`	—	Classes for the heading row only.
`labelFormatter`	`((label: string) => ReactNode)`	—	Formats the heading — usually where a raw date becomes a readable one.
`labelKey`	`string`	—	Field holding the panel's heading. Defaults to the category.
`nameKey`	`string`	—	Field naming the config entry, for charts coloured per row.

Plus every <div> prop. Source: chart/components/chart-tooltip-content.tsx.

The default body, split out so you can restyle the rows without reimplementing the portal. On a chart coloured per row — a pie — pass nameKey, or the panel lists the series instead of the wedge under the pointer.