New to Kendo UI for Angular? Start a free 30-day trial


Specifies the marker type.

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

The possible values are:

  • "square"—The marker is a square.
  • "circle"—The marker is a circle.
  • "triangle"—The marker is a triangle.
  • "cross"—The marker is a cross.
  • "rect"—The marker is a rectangle.
  • "roundedRect"—The marker is a rounded rectangle.
import { Component } from '@angular/core';
import { MarkerType } from '@progress/kendo-angular-charts';

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

type MarkerType = "square" | "circle" | "triangle" | "cross" | "rect" | "roundedRect";

In this article

Not finding the help you need?