ChartsAxisTooltipContent API

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

Demos

For examples and details on the usage of this React component, visit the component demo pages:

Charts - Tooltip

Import

import { ChartsAxisTooltipContent } from '@mui/x-charts/ChartsTooltip';
// or
import { ChartsAxisTooltipContent } from '@mui/x-charts';
// or
import { ChartsAxisTooltipContent } from '@mui/x-charts-pro/ChartsTooltip';
// or
import { ChartsAxisTooltipContent } from '@mui/x-charts-pro';
// or
import { ChartsAxisTooltipContent } from '@mui/x-charts-premium/ChartsTooltip';
// or
import { ChartsAxisTooltipContent } from '@mui/x-charts-premium';

Learn about the difference by reading this guide on minimizing bundle size.

Props

Name Type Default Description

classes

Name	Type	Default	Description
classes	Partial	-	Override or extend the styles applied to the component. See CSS classes API below for more details.
sort	'asc' \| 'desc' \| 'none'	'none'	The sort in which series items are displayed in the tooltip. When set to `none`, series are sorted as they are provided in the series property. Otherwise they are sorted by their value.

Partial

Override or extend the styles applied to the component.

See CSS classes API below for more details.

sort

'asc'
| 'desc'
| 'none'

'none'

The sort in which series items are displayed in the tooltip. When set to none, series are sorted as they are provided in the series property. Otherwise they are sorted by their value.

The component cannot hold a ref.

Source code

If you did not find the information in this page, consider having a look at the implementation of the component for more detail.