New to Kendo UI for Angular? Start a free 30-day trial
MarkerType
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.
ts
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";
}
type
MarkerType = "square" | "circle" | "triangle" | "cross" | "rect" | "roundedRect";