New to Kendo UI for Angular? 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:

import { Component } from '@angular/core';
import { MarkerType } from '@progress/kendo-angular-charts';

_@Component({
  selector: 'my-app',
  template: `
    <kendo-chart>
      <kendo-chart-series>
        <kendo-chart-series-item type="line" [data]="[1, 2, 3]">
          <kendo-chart-series-item-markers [type]="markerType">
          </kendo-chart-series-item-markers>
        </kendo-chart-series-item>
      </kendo-chart-series>
    </kendo-chart>
  `
})
class AppComponent {
  public markerType: MarkerType = "cross";
}