Skip to main content

PieSeriesView.DonutGroupWeight Property

Gets or sets the width of the donut as a percentage of the summarized width of all donuts.

Namespace: DevExpress.WinUI.Charts

Assembly: DevExpress.WinUI.Charts.v23.2.dll

NuGet Package: DevExpress.WinUI

Declaration

[DP(1, Handler = "InvalidateLayout")]
public double DonutGroupWeight { get; set; }

Property Value

Type Description
Double

The donut width as a percentage.

Remarks

The following image shows nested donuts whose DonutGroupWeight property is set to different values (“4”, “3”, “2”, “1”):

Nested donuts with different width

Example

Multiple donuts are displayed nested if they have the same PieSeriesView.DonutGroup property value. Specify the PieSeriesView.DonutGroupInnerIndent property to define the gap between two nested donuts. To control the thickness of donuts, specify the PieSeriesView.DonutGroupWeight property.

Nested donuts

The following markup adds two donut series, and displays the second series as a nested donut:

<Charts:PieChart x:Name="chart">
    <Charts:PieChart.Series>
        <Charts:PieSeries x:Name="series1">
            <Charts:PieSeries.View>
                <Charts:PieSeriesView ShowDonut="True"
                                      DonutHoleRadiusPercent="70"
                                      DonutGroup="0"
                                      DonutGroupWeight="1"
                                      DonutGroupInnerIndent="10"
                                      LegendPointPattern="{}{A}"/>
            </Charts:PieSeries.View>
            <Charts:PieSeries.Data>
                <Charts:DataSource .../>
            </Charts:PieSeries.Data>
        </Charts:PieSeries>
        <Charts:PieSeries x:Name="series2" ShowInLegend="False">
            <Charts:PieSeries.View>
                <Charts:PieSeriesView ShowDonut="True"
                                      DonutHoleRadiusPercent="70"
                                      DonutGroup="0"
                                      DonutGroupWeight="2"/>
            </Charts:PieSeries.View>
            <Charts:PieSeries.Data>
                <Charts:DataSource .../>
            </Charts:PieSeries.Data>
        </Charts:PieSeries>
    </Charts:PieChart.Series>
</Charts:PieChart>
See Also