ChartsSurface API

API reference docs for the React ChartsSurface 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 - Custom components

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

Name	Type	Default	Description
height*	number	-	The height of the chart in px.
width*	number	-	The width of the chart in px.
disableAxisListener	bool	false	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.