New to Kendo UI for AngularStart a free 30-day trial

SeriesMarkersComponent

The configuration of the Chart series marker.

html
<kendo-chart ...>
  <kendo-chart-series>
    <kendo-chart-series-item type="line"...>
      <kendo-chart-series-item-markers background="blue"> </kendo-chart-series-item-markers>
    </kendo-chart-series-item>
  </kendo-chart-series>
</kendo-chart>

Selector

kendo-chart-series-item-markers

Inputs

NameTypeDefaultDescription

background

string

The background color of the series markers.

border

Border

The border of the markers.

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

6

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

'cirlce'

The shape of the series markers.

visible

boolean

true

If set to true, the Chart displays the series markers.

visual

(e: MarkersVisualArgs) => Element

A function for creating a custom visual for the markers.

Methods

notifyChanges

Updates the component fields with the specified values and refreshes the Chart.

Use this method when the configuration values cannot be set through the template.

ts
item.notifyChanges({ visible: true });
Parameters

changes

any

An object containing the updated input fields.

In this article
SelectorInputsMethods
Not finding the help you need?
Contact Support