New to Kendo UI for jQueryStart a free 30-day trial

Chart Types Overview

The Charts support a wide range of series types.

Categorical Charts

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

Examples of categorical charts are Area, Bar, Box Plot, Bullet, and Line Charts.

Circular Charts

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.

Examples of circular charts are Pie Charts.

Freeform Charts

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

Examples of freeform charts are Funnel Charts.

Scatter Charts

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.

Example of scatter charts are Bubble Charts.

Chart Types Compatibility

Your project might require you to use multiple Chart series types in a single Kendo UI Chart.

However, each Chart series has specifics of its own such as the number of values that define a single series data point, the field names that are supported by the series, or if a specific series has point markers. Also, not all series types can be combined in a single Chart plot area.

The main indicator for the Chart series compatibility is the type of axes the series use to display their values. For example, specific categorical series rely on a single category and a single value axis (Line, Bar, Area), XY series use x and y axes (Scatter, Scatter Line, Bubble), and so on. Another indicator for the Chart series compatibility is the direction of the series—for example, you cannot combine Column and Bar series, or Column and Vertical Line series. Some series have a specific layout that cannot be combined with any other Chart series type.

The following table lists the series types supported by the Chart together with their main properties and demonstrates the Chart series compatibility with each other.

SeriesValues per PointField NamesNumber of SeriesHas MarkersCompatible Series Types
Area1field, categoryField, errorLowField, errorHighField, noteTextField, colorField (colors only the markers )1 or moreyesArea, Column, Line, Bullet, Candlestick, Box Plot, Range Column, Range Area, Waterfall
Bar1field, categoryField, colorField, errorLowField, errorHighField, noteTextField1 or morenoBar, Vertical Area, Vertical Line, Vertical Range Area
BoxPlot7q1Field, q3Field, lowerField, upperField, medianField, meanField, outliersField, colorField1 or morenoArea, BoxPlot, Line, Range Area
Bubble3xField, yField, sizeField, categoryField, colorField, xErrorLowField, xErrorHighField, yErrorLowField, yErrorHighField, noteTextField1 or morenoBubble, Scatter, Scatter Line
Bullet2currentField, targetField, categoryField, colorField, noteTextField1 or morenoVertical Area, Bullet, Vertical Line, Vertical Range Area
Candlestick4openField, closeField, highField, lowField, colorField, downColorField1 or morenoArea, Candlestick, Line, Range Area
Column1field, categoryField, colorField, errorLowField, errorHighField, noteTextField1 or morenoArea, Column, Line, Range Area
Donut1field, categoryField, explodeField, colorField1 or morenoDonut
Funnel1field, categoryField, colorField1nonone
Heatmap1field, xField, yField1 or moreyesnone
Horizontal Waterfall1field, summaryField, categoryField, colorField, noteTextField1noVertical Area, Vertical Line, Vertical Range Area
Line1field, categoryField, errorLowField, errorHighField, noteTextField, colorField (colors only the markers )1 or moreyesArea, Column, Bullet, Candlestick, Box Plot, Range Column, Range Area, Waterfall
Ohlc4openField, closeField, highField, lowField, colorField, downColorField1 or morenoArea, Line, Ohlc, Range Area
Pie1field, categoryField, explodeField, colorField1nonone
Polar Area2xField, yField, colorField (colors only the markers )1 or moreyesPolar Area, Polar Line, Polar Scatter
Polar Line2xField, yField, colorField (colors only the markers )1 or moreyesPolar Area, Polar Line, Polar Scatter
Polar Scatter2xField, yField, colorField (colors only the markers )1 or moreyesPolar Area, Polar Line, Polar Scatter
Radar Area1field, categoryField, colorField (colors only the markers )1 or moreyesRadar Area, Radar Column, Radar Line
Radar Column1field, categoryField1 or morenoRadar Area, Radar Column, Radar Line
Radar Line1field, categoryField, colorField (colors only the markers )1 or moreyesRadar Area, Radar Column, Radar Line
Range Area2fromField, toField, categoryField, colorField (colors only the markers )1 or moreyesArea, Box Plot, Bullet, Candlestick, Column, Line, Ohlc, Range Area, Range Column
Range Bar2fromField, toField, categoryField, noteTextField, colorField1 or morenoRange Bar, Vertical Area, Vertical Line, Vertical Range Area
Range Column2fromField, toField, categoryField, noteTextField, colorField1 or morenoArea, Line, Range Area, Range Column
Scatter2xField, yField, colorField, noteTextField, xErrorLowField, xErrorHighField, yErrorLowField, yErrorHighField1 or moreyesBubble, Scatter, Scatter Line
Scatter Line2xField, yField, noteTextField, xErrorLowField, xErrorHighField, yErrorLowField, yErrorHighField, colorField (colors only the markers)1 or moreyesBubble, Scatter, Scatter Line
Vertical Area1field, categoryField, errorLowField, errorHighField, noteTextField, colorField (colors only the markers )1 or moreyesBar, Bullet, Horizontal Waterfall, Range Bar, Vertical Range Area, Vertical Box Plot, Vertical Line
Vertical Box Plot7q1Field, q3Field, lowerField, upperField, medianField, meanField, outliersField, colorField1 or morenoVertical Area, Vertical Box Plot, Vertical Line, Vertical Range Area
Vertical Bullet2currentField, targetField, categoryField, colorfield, noteTextField1 or morenoArea, Line, Range Area, Vertical Bullet
Vertical Line1field, categoryField, errorLowField, errorHighField, noteTextField, colorField (colors only the markers )1 or moreyesBar, Bullet, Horizontal Waterfall, Range Bar, Vertical Area, Vertical Box Plot, Vertical Line, Vertical Range Area
Vertical Range Area2fromField, toField, categoryField, colorField (colors only the markers )1 or moreyesBar, Bullet, Horizontal Waterfall, Range Bar, Vertical Area, Vertical Box Plot, Vertical Range Area
Waterfall1field, summaryField, categoryField, colorField, noteTextField1noArea, Line, Waterfall

See Also