Skip to content

ChartsSurface API

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

Demos

Import

import { ChartsSurface } from '/packages/x-charts/src/ChartsSurface.tsx';
// or
import { ChartsSurface } from '@mui/x-charts';
// or
import { ChartsSurface } from '@mui/x-charts-pro';

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

Props

NameTypeDefaultDescription
height*number-

The height of the chart in px.

width*number-

The width of the chart in px.

disableAxisListenerboolfalse

If true, the charts will not listen to the mouse move event. It might break interactive features, but will improve performance.

The component cannot hold a ref.