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

DashType

The dash line type.

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

<template>
 <Chart>
   <ChartSeries>
     <ChartSeriesItem :type="'line'" :data-items="dataItems" :dash-type="'dot'" />
   </ChartSeries>
 </Chart>
 </template>
<script>
export default {
  components: {
     Chart,
     ChartSeries,
     ChartSeriesItem
  },
  data () {
      return {
         data: [1, 2, 3]
      };
  }
}
</script>

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

In this article

Not finding the help you need?