Selection

You can change the position of the selected pie slice by setting the SelectedItemPosition property. There are four options available in this property:

Left: Moves the selected slice to the left.
Top: Moves the selected slice to the top.
Right: Moves the selected slice to the right.
Bottom: Moves the selected slice to the bottom.

The SelectedItemOffset property allows you to move the selected pie slice away from the center of the FlexPie. You can also set the SelectedBorderColor and SelectedBorderWidth properties of the FlexPie control to highlight the selected slice.

The image below shows how the FlexPie appears after these properties have been set.

The following code examples demonstrate how to set these properties in C# and in XAML. These examples use the sample created in the Quick Start section.

In Code

C#	Copy Code
chart.SelectedItemPosition = Xuni.Xamarin.ChartCore.ChartPositionType.Top; chart.SelectedItemOffset = 0.1; chart.SelectedBorderColor = Color.Blue; chart.SelectedBorderWidth = 5;

In XAML

XAML	Copy Code
<xuni:FlexPie x:Name="chart" ItemsSource="{Binding Data}" BindingName="Name" Binding ="Value" SelectedItemOffset = "0.1" SelectedBorderColor = "Blue" SelectedBorderWidth = "5" SelectedItemPosition = "Top" Grid.Row="1" Grid.ColumnSpan="2"> </xuni:FlexPie>

XAML

Copy Code

<xuni:FlexPie x:Name="chart" ItemsSource="{Binding Data}" BindingName="Name" Binding ="Value"
SelectedItemOffset = "0.1" SelectedBorderColor = "Blue" SelectedBorderWidth = "5"
SelectedItemPosition = "Top" Grid.Row="1" Grid.ColumnSpan="2">
</xuni:FlexPie>