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

DashType

Union

DashType

type

Specifies the dash line type.

The possible values are:

"dash"—Creates a line that consists of dashes.
"dashDot"—Creates a line that consists of a repeating dash-dot pattern.
"dot"—Creates a line that consists of dots.
"longDash"—Creates a line that consists of a repeating long-dash pattern.
"longDashDot"—Creates a line that consists of a repeating long-dash-dot pattern.
"longDashDotDot"—Creates a line that consists of a repeating long-dash-dot-dot pattern.
"solid"—Creates a solid line.

Possible values:

"dash"
"dashDot"
"dot"
"longDash"
"longDashDot"
"longDashDotDot"
"solid"

Example:

import { Component } from '@angular/core';
import { DashType } 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]" [dashType]="dashType">
        </kendo-chart-series-item>
      </kendo-chart-series>
    </kendo-chart>
  `
})
class AppComponent {
  public dashType: DashType = "dot";
}