Skip to contentSkip to content

RadarGrid API

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

Demos

Import

import { RadarGrid } from '@mui/x-charts/RadarChart';
// or
import { RadarGrid } from '@mui/x-charts';
// or
import { RadarGrid } from '@mui/x-charts-pro';
// or
import { RadarGrid } from '@mui/x-charts-premium';

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

Props

NameTypeDefaultDescription
classesobject-

Override or extend the styles applied to the component.

See CSS classes API below for more details.

divisionsnumber5

The number of divisions in the radar grid.

shape'circular'
| 'sharp'		'sharp'

The grid shape.

stripeColorfunc(index) => index % 2 === 1 ? (theme.vars || theme).palette.text.secondary : 'none'

Get stripe fill color. Set it to null to remove stripes

Signature:function(index: number) => string
  • index The index of the stripe band.
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.