New to KendoReact? 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:

jsx

import {
 Chart,
 ChartSeries,
 ChartSeriesItem
} from '@progress/kendo-react-charts';

const data = [1, 2, 3];

const ChartContainer = () => (
 <Chart>
   <ChartSeries>
     <ChartSeriesItem type="line" data={data} dashType="dot" />
   </ChartSeries>
 </Chart>
);