React Markers

In the React data chart component's plot area, markers are visual elements displayed at location of data points. Markers help your end users immediately identify a data point’s even if its values fall between major or minor grid lines.


Edit on CodeSandbox

Supported Series

Most of data chart series support markers and they are listed below:

Marker Properties

Above series support 12 shapes of markers that you can change using the markerType property. Also, you can change fill and stroke using markerBrush and markerOutline properties respectively.

This code snippet below demonstrate how to change shape and appearance of markers.

<IgrColumnSeries name="series1"
    markerOutline="purple" />

Additional Resources