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

SeriesType

The series type.

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

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

type SeriesType = "area" | "bar" | "boxPlot" | "bubble" | "bullet" | "candlestick" | "column" | "donut" | "funnel" | "horizontalWaterfall" | "line" | "ohlc" | "pie" | "polarArea" | "polarLine" | "polarScatter" | "radarArea" | "radarColumn" | "radarLine" | "rangeArea" | "rangeBar" | "rangeColumn" | "scatter" | "scatterLine" | "verticalArea" | "verticalBoxPlot" | "verticalBullet" | "verticalLine" | "verticalRangeArea" | "waterfall";

In this article

Not finding the help you need?