Data Grid - Charts Panel component 🚧
Customize the Data Grid's Charts panel.
The Charts panel is part of the Charts integration feature.
You can use the Charts Panel Trigger and Toolbar components when you need to customize the Charts panel trigger, or when implementing a custom toolbar.
Basic usage
The demo below shows how to add a Charts Panel Trigger to a custom toolbar.
Anatomy
import { ChartsPanelTrigger } from '@mui/x-data-grid-premium';
<ChartsPanelTrigger />;
Charts Panel Trigger
<ChartsPanelTrigger /> is a button that opens and closes the Charts panel.
It renders the baseButton slot.
Custom elements
Use the render prop to replace default elements.
See Components usage—Customization for more details.
Accessibility
ARIA
You must apply a text label or an aria-label attribute to the <ChartsPanelTrigger />.
API
See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.