Skip to content

ChartsAxisTooltipContent API

API reference docs for the React ChartsAxisTooltipContent component. Learn about the props, CSS, and other APIs of this exported module.

Component demos

Import

import { ChartsAxisTooltipContent } from '@mui/x-charts/ChartsTooltip';
// or
import { ChartsAxisTooltipContent } from '@mui/x-charts';
Learn about the difference by reading this guide on minimizing bundle size.

Props

The component cannot hold a ref.

CSS

The following class names are useful for styling with CSS (the state classes are marked).
To learn more, visit the component customization page.

.MuiChartsAxisTooltipContent-root

Styles applied to the root element.

Rule name:root

.MuiChartsAxisTooltipContent-table

Styles applied to the table element.

Rule name:table

.MuiChartsAxisTooltipContent-row

Styles applied to the row element.

Rule name:row

.MuiChartsAxisTooltipContent-cell

Styles applied to the cell element.

Rule name:cell

.MuiChartsAxisTooltipContent-mark

Styles applied to the mark element.

Rule name:mark

.MuiChartsAxisTooltipContent-markCell

Styles applied to the markCell element.

Rule name:markCell

.MuiChartsAxisTooltipContent-labelCell

Styles applied to the labelCell element.

Rule name:labelCell

.MuiChartsAxisTooltipContent-valueCell

Styles applied to the valueCell element.

Rule name:valueCell


You can override the style of the component using one of these customization options: