Back to Devexpress

PieChartView.ChartStyle Property

maui-devexpress-dot-maui-dot-charts-dot-piechartview-0bfe7daa.md

latest2.2 KB
Original Source

PieChartView.ChartStyle Property

Gets or sets the pie chart appearance settings. This is a bindable property.

Namespace : DevExpress.Maui.Charts

Assembly : DevExpress.Maui.Charts.dll

NuGet Package : DevExpress.Maui.Charts

Declaration

csharp
public PieChartStyle ChartStyle { get; set; }

Property Value

TypeDescription
PieChartStyle

The pie chart appearance settings.

|

Example

This example customizes the appearance and layout of a pie chart.

xaml
<ContentPage>
    <ContentPage.BindingContext>
        <local:ViewModel/>
    </ContentPage.BindingContext>
    <dxc:PieChartView>
        <!--...-->
        <dxc:PieChartView.ChartStyle>
            <dxc:PieChartStyle Palette="{Binding Palette}" 
                               BackgroundColor="#e5e5e5"
                               BorderColor="#747987"
                               BorderThickness="10"
                               SeriesIndent="70"
                               Padding="70,20,0,0"/>
        </dxc:PieChartView.ChartStyle>
    </dxc:PieChartView>
</ContentPage>
csharp
using Microsoft.Maui.Graphics;
// ...
class ViewModel {
    // ...
    readonly Color[] palette;
    public Color[] Palette => palette;

    public ViewModel() {
        // ...
        palette = PaletteLoader.LoadPalette("#25a966", "#f45a4e", "#f8c855", "#f8c855",
                                            "#975ba5", "#496cbe", "#f45a4e");}
}

static class PaletteLoader {
    public static Color[] LoadPalette(params string[] values) {
        Color[] colors = new Color[values.Length];
        for (int i = 0; i < values.Length; i++)
            colors[i] = Color.FromHex(values[i]);
        return colors;
    }
}

See Also

PieChartView Class

PieChartView Members

DevExpress.Maui.Charts Namespace