Telerik UI for Windows 8 XAML

The DoughnutSeries visualizes its data points in doughnut segments.

Doughnut Series First Look



DoughnutSeries class inherits from the PieSeries class - See the inherited properties.

  • InnerRadiusFactor (double): Gets or sets the inner radius factor of the series (that is the space that remains empty). The value is in logical units, in the range of [0, 1].


The following code demonstrates how to setup a DoughnutSeries using RadPieChart:

Add an xmlns definition to Telerik controls:

XAML Copy imageCopy

Declare the RadPieChart and the DoughnutSeries:

XAML Copy imageCopy
<telerik:RadPieChart  x:Name="mychart" Width="300" Height="300" ClipToBounds="False" PaletteName="DefaultDark">
    <telerik:DoughnutSeries ShowLabels="True">
            <telerik:PropertyNameDataPointBinding PropertyName="Value"/>

Create sample data.

C# Copy imageCopy
public class Data
    public double Value { get; set; }

public List<Data> CreateData()
    List<Data> data = new List<Data>();
    data.Add(new Data() { Value = 20 });
    data.Add(new Data() { Value = 45 });
    data.Add(new Data() { Value = 35 });
    return data;

Pass the data to the ItemsSource of the series.

C# Copy imageCopy
this.mychart.Series[0].ItemsSource = CreateData();