# Selection

ComponentOne MVC FlexPie supports elements selection. Learn more about the FlexPie elements selection and the selection modes in MVC documentation.

## Content



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/dotnet-framework-api/C1.Web.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/dotnet-framework-api/C1.Web.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/dotnet-framework-api/C1.Web.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/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexPieBase-1.SelectedItemOffset.html) property.

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

![Showing Point selection in FlexPie](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/pieselection.png)

The following code example demonstrates how to set this property. This example uses the sample created in the [Quick Start](/componentone/docs/mvc/online-mvc/workwithcontrols/FlexChart/QuickStart) section.

#### In Code

```razor
.SelectionMode(C1.Web.Mvc.Chart.SelectionMode.Point)
.SelectedItemPosition(C1.Web.Mvc.Chart.Position.Top)
.SelectedItemOffset(0.5f)
```