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

For examples and details on the usage of this React component, visit the component demo pages:

    Import

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

    Component name

    The name MuiMarkElement can be used when providing default props or style overrides in the theme.

    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.

    The component cannot hold a ref.

    CSS

    Rule nameGlobal classDescription
    root.MuiMarkElement-rootStyles applied to the root element.
    highlighted.MuiMarkElement-highlightedStyles applied to the root element when higlighted.
    faded.MuiMarkElement-fadedStyles applied to the root element when faded.

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