ただし、デフォルトでは、FlexPie コントロールは 3 つのすべてのプラットフォームのネイティブコントロールと一致し、すべてのプラットフォームにある light テーマと dark テーマの両方で動作するように設計されています。しかし、FlexPie コントロールの外観をカスタマイズするためのプロパティがいくつかあります。FlexPie やプロット領域の背景色を変更できます。

次の図は、これらのプロパティを設定した後の FlexPie を示しています。

次のコード例は、C# と XAML でこれらのプロパティを設定する方法を示します。この例では、「クイックスタート」セクションで作成したサンプルを使用しています。

C# のコード

// プロット領域のカスタマイズ
ChartStyle s = new ChartStyle();
s.Fill = Color.Black;
s.StrokeThickness = 0;
chart.PlotStyle = s;

// 背景色を設定します
chart.BackgroundColor = Color.Aqua;

XAML のコード

<c1:FlexPie x:Name="chart" ItemsSource="{Binding Data}" BindingName="Name"
    Binding="Value" BackgroundColor="LavenderBlush">
    <c1:FlexPie.PlotStyle>
        <c1:ChartStyle Fill="Lavender" StrokeThickness="0"/>
    </c1:FlexPie.PlotStyle>
</c1:FlexPie>