Series Types Overview

Premium

The Charts support a wide range of series types.

Categorical

Categorical charts provide built-in support for displaying dates. The categories represent unique values, which are not mathematically related to each other.

Area

Bar

Box Plot

Bullet

Line

Radar

Range Area

Range Bar

Waterfall

Heat Map

Circular

Circular charts are divided in slices representing statistical data, which proportionally corresponds to the quantity input of each slice. Circular charts are widely used in the business world and the mass media.

Donut

Pie

Freeform

Freeform charts adopt different forms and use variously structured portions to display data.

Funnel

Pyramid

Scatter

Scatter charts are suitable for displaying and comparing different sets of numerical values, for showing the relationships between the values of the data sets, and for plotting two-dimensional data as a series of XY coordinates.

Bubble

Polar

Scatter Plot and Scatter Line

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.

jsx

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

const data = [1, 2, 3];
const seriesType = "verticalLine";

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

Suggested Links

• API Reference of the Charts
• Glossary