# Selection

Develop powerful and lightweight web applications using ASP.NET MVC controls. Learn more about the ComponentOne MVC controls in ASP.NET MVC documentation.

## Content



You can choose which element of the Sunburst chart should be selected when the user clicks on any region in Sunburst chart by setting the [SelectionMode](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexChartBase-1.SelectionMode.html) property. The three different options provided are as follows:

*   **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 change the position of the selected sunburst slice by setting the [SelectedItemPosition](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexPieBase-1.SelectedItemPosition.html) property. Also, you can set the [SelectedItemOffset](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexPieBase-1.SelectedItemOffset.html) property to move the selected sunburst slice away from the center.

The image below show how the Sunburst chart appears after you set the **SelectionMode** property.

![](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/sunburstselectionmode.png)

The following code example demonstrates how to set the SelectionMode property. This example uses the sample created in the [Quick Start](/componentone/docs/mvc/online-mvc/workwithcontrols/SunburstChart/SunburstQuickStart) topic.

**In Code**

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