Selection

You can choose what element of the FlexPie should be selected when the user clicks on any region in a FlexPie by setting the [SelectionMode](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FlexChartBase-1.SelectionMode.html) property. This property provides three options:

• None: Does not select any element.
• Point: Highlights the pie slice that the user clicks.
• Series: Highlights the entire pie.

When the [SelectionMode](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FlexChartBase-1.SelectionMode.html) is set to Point, you can even change the position of the selected pie slice by setting the [SelectedItemPosition](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FlexPieBase-1.SelectedItemPosition.html) property and move the selected pie slice away from the center of the FlexPie by setting the [SelectedItemOffset](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FlexPieBase-1.SelectedItemOffset.html) property.

The images below show how the FlexPie appears after these properties have been set.

The following code example demonstrates how to set this property. This example uses the sample created in the Quick Start section.

<c1-flex-pie binding-name="Country" binding="Sales"
             selection-mode="SelectionMode.Point"
             selected-item-position="Position.Top"
             selected-item-offset="0.5f" >>
    <c1-items-source source-collection="Model"></c1-items-source>
</c1-flex-pie>