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.

Demos

Import

import { MarkElement } from '@mui/x-charts/LineChart';
// or
import { MarkElement } from '@mui/x-charts';
// or
import { MarkElement } from '@mui/x-charts-pro';

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

Props

NameTypeDefaultDescription
dataIndex*number-

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

shape*'circle'
| 'cross'
| 'diamond'
| 'square'
| 'star'
| 'triangle'
| 'wye'
-

The shape of the marker.

skipAnimationboolfalse

If true, animations are skipped.

The component cannot hold a ref.

CSS classes

These class names are useful for styling with CSS. They are applied to the component's slots when specific states are triggered.

Class nameRule nameDescription
.MuiMarkElement-fadedfadedStyles applied to the root element when faded.
.MuiMarkElement-highlightedhighlightedStyles applied to the root element when highlighted.
.MuiMarkElement-rootrootStyles applied to the root element.

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

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.