New to Kendo UI for Angular? Start a free 30-day trial
SeriesType
The series type.
The supported values are:
"area"
—Displays the data as continuous lines that show trends over time, evenly distributed along the category field."bar"
—Displays the data as sets of horizontal bars that show the relationship between individual items and the whole category."boxPlot"
—Displays the data as a box-and-whisker diagram, which shows the distribution of values in a series."bubble"
—Displays the data as bubbles, where each bubble represents a value from the series data."bullet"
—Displays the data as vertical bars that show the performance measure, and markers that show the comparative measure."candlestick"
—Displays the data as candlesticks, which show the open, close, high, and low values of a series."column"
—Displays the data as sets of vertical bars that show the relationship between individual items and the whole category."donut"
—Displays the data as a series of rings that are sliced depending on the value."exponentialTrendline"
—Displays an exponential trendline for the specified parent series."funnel"
—Displays the data as a funnel, which is useful for sales data visualization."heatmap"
—Displays the data as a heatmap, which is useful for comparing values in a matrix."horizontalWaterfall"
—Displays the data as a horizontal waterfall chart, which is useful for comparing positive and negative values over a period."line"
—Displays the data as continuous lines that connect data points evenly distributed along the category field."linearTrendline"
—Displays a linear trendline for the specified parent series."logarithmicTrendline"
—Displays a logarithmic trendline for the specified parent series."movingAverageTrendline"
—Displays a moving average trendline for the specified parent series."ohlc"
—Displays the data as OHLC (open-high-low-close) bars, which show the open, high, low, and close values of a series."pie"
—Displays the data as a series of pie slices, which show the contribution of each value to a total."polarArea"
—Displays the data as a series of polar area segments, which show the contribution of each value to a total."polarLine"
—Displays the data as continuous lines that connect data points evenly distributed along the category field."polarScatter"
—Displays the data as points distributed in a polar coordinate system."polynomialTrendline"
—Displays a polynomial trendline for the specified parent series."powerTrendline"
—Displays a power trendline for the specified parent series."pyramid"
—Displays the data as a pyramid divided in segments proportional to each value."radarArea"
—Displays the data as a series of radar area segments, which show the contribution of each value to a total."radarColumn"
—Displays the data as sets of vertical bars that show the relationship between individual items and the whole category."radarLine"
—Displays the data as continuous lines that connect data points evenly distributed along the category field."rangeArea"
—Displays the data as a series of range area segments, which show the contribution of each value to a total."rangeBar"
—Displays the data as sets of horizontal bars that show the relationship between individual items and the whole category."rangeColumn"
—Displays the data as sets of vertical bars that show the relationship between individual items and the whole category."scatter"
—Displays the data as points that show the relationship between two variables."scatterLine"
—Displays the data as continuous lines that connect data points evenly distributed along the category field."verticalArea"
—Displays the data as continuous lines that show trends over time, evenly distributed along the category field."verticalBoxPlot"
—Displays the data as a box-and-whisker diagram, which shows the distribution of values in a series."verticalBullet"
—Displays the data as vertical bars that show the performance measure, and markers that show the comparative measure."verticalLine"
—Displays the data as continuous lines that connect data points evenly distributed along the category field."verticalRangeArea"
—Displays the data as a series of range area segments, which show the contribution of each value to a total."waterfall"
—Displays the data as a waterfall chart, which is useful for comparing positive and negative values over a period.
ts
import { Component } from '@angular/core';
import { SeriesType } from '@progress/kendo-angular-charts';
@Component({
selector: 'my-app',
template: `
<kendo-chart>
<kendo-chart-series>
<kendo-chart-series-item [type]="seriesType" [data]="[1, 2, 3]">
</kendo-chart-series-item>
</kendo-chart-series>
</kendo-chart>
`
})
class AppComponent {
public seriesType: SeriesType = "verticalLine";
}
type
SeriesType = "area" | "bar" | "boxPlot" | "bubble" | "bullet" | "candlestick" | "column" | "donut" | "exponentialTrendline" | "funnel" | "pyramid" | "heatmap" | "horizontalWaterfall" | "line" | "linearTrendline" | "logarithmicTrendline" | "movingAverageTrendline" | "ohlc" | "pie" | "polarArea" | "polarLine" | "polarScatter" | "polynomialTrendline" | "powerTrendline" | "radarArea" | "radarColumn" | "radarLine" | "rangeArea" | "rangeBar" | "rangeColumn" | "scatter" | "scatterLine" | "verticalArea" | "verticalBoxPlot" | "verticalBullet" | "verticalLine" | "verticalRangeArea" | "waterfall";