New to KendoReact? Start a free 30-day trial

ChartNavigatorSeriesMarkersProps

Represents the props of the KendoReact ChartNavigatorSeriesMarkers component.

background?

string

The background color of the series markers.

border?

Border

The border of the markers.

borderRadius?

number

The border radius in pixels when type is set to "roundedRect". Defaults to 1/5 of the marker size.

from?

SeriesMarkers

The Chart series marker configuration for the from point. Supported for the RangeArea and VerticalRangeArea series.

rotation?

number

The rotation angle of the markers.

size?

number

The marker size in pixels.

to?

SeriesMarkers

The Chart series marker configuration for the to point. Supported for the RangeArea and VerticalRangeArea series.

type?

MarkerType

The shape of the series markers.

The supported values are:

  • "circle"The marker shape is a circle.
  • "square"The marker shape is a square.
  • "triangle"The marker shape is a triangle.
  • "cross"The marker shape is a cross.
  • "rect"An alias for "square".
  • "roundedRect"The marker shape is a rounded rectangle.

visible?

boolean

If set to true, the Chart displays the series markers. By default, the Chart series markers are displayed.

visual?

(e: MarkersVisualArgs) => Element

A function for creating a custom visual for the markers.

The available argument fields are:

  • rectThe geometry Rect that defines where the visual has to be rendered.
  • optionsThe marker options.
  • createVisualA function that can be used to get the default visual.
  • categoryThe category of the marker point.
  • dataItemThe dataItem of the marker point.
  • valueThe value of the marker point.
  • senderThe Chart instance.
  • seriesThe series of the marker point.