• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting
Components / Charts / API / ChartNavigatorSeriesMarkersProps / 

ChartNavigatorSeriesMarkersProps

Represents the props of the KendoReact ChartNavigatorSeriesMarkers component.

NameTypeDefaultDescription

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:

  • rect—The geometry Rect that defines where the visual has to be rendered.
  • options—The marker options.
  • createVisual—A function that can be used to get the default visual.
  • category—The category of the marker point.
  • dataItem—The dataItem of the marker point.
  • value—The value of the marker point.
  • sender—The Chart instance.
  • series—The series of the marker point.

In this article

Not finding the help you need?

Contact Support