RadarTooltip

import { RadarTooltip } from '@wick-charts/react';
 
<RadarTooltip seriesId='models'>
  {({ info, format }) => (
    <div>{info.label}: {info.rows?.length} axes</div>
  )}
</RadarTooltip>

Tooltip for radar charts: the hovered polygon's name and its value on every axis, with a bar of each value's share of the scale.

Hover tooltip for <RadarSeries>. Shows the hovered polygon’s name and its value on every axis, each with a bar of its share of the scale. The render-prop gets the hover info, whose rows hold the axis values, and the formatter.

Props

seriesId?string

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

format?default four significant digitsValueFormatter

Custom formatter for the axis values. Default: four significant digits, K / M / B / T.

children?(ctx: RadarTooltipRenderContext) => ReactNode

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

Render prop

// children: (ctx: RadarTooltipRenderContext) => ReactNode
<RadarTooltip>
  {({ info, format }) => (
    <div>{info.label}: {info.rows?.length} axes</div>
  )}
</RadarTooltip>