DashType

Updated on Jun 18, 2025

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.

ts

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";
}

type DashType = "dash" | "dashDot" | "dot" | "longDash" | "longDashDot" | "longDashDotDot" | "solid";