How to Display Multiple Doughnut Series

Environment

Product Version 2019.1.220
Product RadChartView for WPF

Description

How to display multiple DoughnutSeries in a single pie chart, without overlapping.

Solution

Adjust the positions of the series using their RadiusFactor and InnerRadiusFactor properties.

<telerik:RadPieChart Palette="Windows8"> 
    <telerik:DoughnutSeries InnerRadiusFactor="0.58"> 
        <telerik:DoughnutSeries.DataPoints> 
            <telerik:PieDataPoint Value="10" /> 
            <telerik:PieDataPoint Value="12" /> 
            <telerik:PieDataPoint Value="38" /> 
            <telerik:PieDataPoint Value="31" /> 
        </telerik:DoughnutSeries.DataPoints> 
    </telerik:DoughnutSeries> 
    <telerik:DoughnutSeries RadiusFactor="0.25"> 
        <telerik:DoughnutSeries.DataPoints> 
            <telerik:PieDataPoint Value="31" /> 
            <telerik:PieDataPoint Value="38" /> 
            <telerik:PieDataPoint Value="12" /> 
            <telerik:PieDataPoint Value="10" /> 
        </telerik:DoughnutSeries.DataPoints> 
    </telerik:DoughnutSeries> 
</telerik:RadPieChart> 
In this article
Not finding the help you need? Improve this article