Tooltip

Documentation Index

Fetch the complete documentation index at: /llms.txt. Use this file to discover all available pages before exploring further.

Interactive tooltips on chart data-point hover

Usage

<EvilBarChart {data} config={chartConfig}>
	<EvilBarChart.XAxis dataKey="month" />
	<EvilBarChart.Tooltip variant="frosted-glass" roundness="md" />
	<EvilBarChart.Bar dataKey="desktop" />
</EvilBarChart>

Variants

Set the variant prop on the chart’s Tooltip part to "default" or "frosted-glass".

Default

A solid background.

Frosted glass

A semi-transparent background with a backdrop blur.

API reference

PropTypeDefaultDescription
variant default| frosted-glass"default"

The tooltip’s visual style.

roundness sm| md| lg| xl"lg"

The tooltip’s border-radius.

defaultIndexnumber

Shows the tooltip by default at this data-point index.