Charts Tooltip

Tooltips show the exact values behind chart marks — for one item or every series at a shared axis position.

Choose item mode to describe one mark, or axis mode to compare every series at the same x position. Format values with series and axis formatters, or supply custom content when you need extra columns. Axis tooltips require axis tracking on the chart container.

  • Dashboards where users need precise values on hover without cluttering the plot.
  • Axis crosshair tooltips that list all series at one category or time index.
  • Currency or unit formatting via value_formatter on series and axes.
  • Set tooltip=TooltipConfig::item() for mark-level values (bars, points, slices).
  • Set tooltip=TooltipConfig::axis() for multi-series comparison at a shared x position.
  • Wire value_formatter on series and tick_format on axes for domain-specific labels.
  • Use composition mode with ChartTooltip when you need fully custom tooltip panels.
Item tooltip on bar chart

Hover a single bar to see mark-level values.

200k400k600kAmount (USD)Q1Q2Q3Q4Quarter
Axis tooltip on line chart

Compare every series at the hovered category.

200k400k600kAmount (USD)Q1Q2Q3Q4Quarter