New to KendoReact? Start a free 30-day trial

MarkerType

Union

MarkerType

type

Specifies the marker type.

Note that "rect" is an alias for "square".

The possible values are:

"square"—Creates a square marker.
"circle"—Creates a circle marker.
"triangle"—Creates a triangle marker.
"cross"—Creates a cross marker.
"rect"—Creates a rectangle marker.
"roundedRect"—Creates a rounded rectangle marker.

Possible values:

"square"
"circle"
"triangle"
"cross"
"rect"
"roundedRect"

Example:

jsx

import {
 Chart,
 ChartSeries,
 ChartSeriesItem
} from '@progress/kendo-react-charts';

const data = [1, 2, 3];
const markerType = "cross";

const ChartContainer = () => (
 <Chart>
   <ChartSeries>
     <ChartSeriesItem type="line" data={data} markers={{ type: markerType }} />
   </ChartSeries>
 </Chart>
);