Skip to content

MarkElement API

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

Component demos

Import

import { MarkElement } from '@mui/x-charts/LineChart';
// or
import { MarkElement } from '@mui/x-charts';
Learn about the difference by reading this guide on minimizing bundle size.

Props

dataIndexRequired

The index to the element in the series' data array.

Type:number

shapeRequired

The shape of the marker.

Type:'circle'
| 'cross'
| 'diamond'
| 'square'
| 'star'
| 'triangle'
| 'wye'

The component cannot hold a ref.

CSS

The following class names are useful for styling with CSS (the state classes are marked).
To learn more, visit the component customization page.

.MuiMarkElement-root

Styles applied to the root element.

Rule name:root

.MuiMarkElement-highlighted

Styles applied to the root element when higlighted.

Rule name:highlighted

.MuiMarkElement-faded

Styles applied to the root element when faded.

Rule name:faded


You can override the style of the component using one of these customization options: