Tooltip

A tooltip shows the exact values behind the mark under the pointer, and its content can be trimmed, reformatted or replaced entirely.

LLMs

Default

Pass seriesTooltip as the tooltip content to show the day as the title and one row per activity with its color dot.

Line indicator

Use renderTooltipBody to draw your own rows, here with a thin colored bar in place of each activity's dot.

No indicator

Leave color off the rows your content returns to list each activity and its value without a colored dot.

Custom label

Return a fixed title from content, like Activities, to name what the rows describe instead of the hovered day.

Label formatter

Format the title your content returns, here turning the hovered date into a full month, day and year.

No label

Leave title out of what content returns to show only the activity rows, each with its color dot.

Formatter

Format each row's value in content, here adding a kcal unit, and drop the title and dots for a compact list.

Icons

Return an Icon per row from renderTooltipBody, colored like its series, and repeat the icons in the legend.

Total row

Append a row to what content returns to add a total under the activities, with every value in kcal.

Nearest point

Set anchor to point and list items per channel to pin the tooltip to the closest closing price and grow its dot.

Grouped

Set focus to group-x and pass a portal to list every industry for the hovered month, with a band behind it.

Voronoi cells

Add a voronoi mark so the pointer always lands on the nearest car, and name it with a single derived tooltip item.

Pinned details

Read pinned in renderTooltipBody to expand a clicked month into a usage breakdown with a small chart inside the tooltip.