# Selection

## 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-core/dotnet-api/C1.AspNetCore.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-core/dotnet-api/C1.AspNetCore.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-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FlexPieBase-1.SelectedItemPosition.html) property. Also, you can set the [SelectedItemOffset](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.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/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/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-core/WorkingwithControls/SunburstChart/SunBurstQuickStart) topic.

```razor
<c1-sunburst binding-name="Year, Quarter, Month" binding="Value"
             selection-mode="Point"
             selected-item-position="Top"
             selected-item-offset="0.1f">
<c1-items-source source-collection="Model"></c1-items-source>
<c1-flex-pie-datalabel content="{name}:{value}" position="Center">
</c1-flex-pie-datalabel>
</c1-sunburst>
```