Wick Charts

PieTooltip

import { PieTooltip } from '@wick-charts/react';
 
<PieTooltip seriesId='pie'>
  {({ info, format }) => (
    <div>{info.label}: {format(info.value)}</div>
  )}
</PieTooltip>

Tooltip for pie/donut charts. Shows hovered slice label, value, and percentage.

Hover tooltip for <PieSeries>. Behaves like <Tooltip> but takes a seriesId and exposes the active slice in the render-prop.

Props

seriesId?string

Owning series id. Optional — when omitted, the first visible pie series is picked.

format?default shared `formatCompact`ValueFormatter

Custom formatter for the slice value. Default: shared formatCompact.

children?(ctx: PieTooltipRenderContext) => ReactNode

Render-prop escape hatch — receives hover info + format, replaces default UI.

Render prop

// children: (ctx: PieTooltipRenderContext) => ReactNode
<PieTooltip>
  {({ info, format }) => (
    <div>{info.label}: {format(info.value)}</div>
  )}
</PieTooltip>