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.

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

NameTypeDescription
The component cannot hold a ref.

CSS classes

These class names are useful for styling with CSS. They are applied to the component's slots when specific states are triggered.

Class nameRule nameDescription
.MuiChartsAxisTooltipContent-cellcellStyles applied to the cell element.
.MuiChartsAxisTooltipContent-labelCelllabelCellStyles applied to the labelCell element.
.MuiChartsAxisTooltipContent-markmarkStyles applied to the mark element.
.MuiChartsAxisTooltipContent-markCellmarkCellStyles applied to the markCell element.
.MuiChartsAxisTooltipContent-rootrootStyles applied to the root element.
.MuiChartsAxisTooltipContent-rowrowStyles applied to the row element.
.MuiChartsAxisTooltipContent-tabletableStyles applied to the table element.
.MuiChartsAxisTooltipContent-valueCellvalueCellStyles applied to the valueCell element.

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