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

Donut

Donut charts are circular charts which represent a variation of the Pie charts and are capable of displaying multiple nested series.

You can use them as a replacement for dashboard gauges and meters. The bullet graph compares a given quantitative measure, such as temperature, against a qualitative range, such as warm, hot, and cold, and a symbol marker which encodes the comparative measure, such as the max temperature a year ago.

Basic Usage

The following example demonstrates the Donut chart in action.

Example
View Source
Change Theme:

Donut Labels

The Donut chart labels allow two types of alignment—column or circle. The column alignment justifies the labels to the two sides of the Chart while the circle alignment positions the labels in a circle around the Chart.

Example
View Source
Change Theme:

In this article

Not finding the help you need?