# Selection

## Content



You can choose what element of the FlexChart should be selected when the user clicks on any region in a FlexChart 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 point that the user clicks.
*   **Series**: Highlights the series that the user clicks.

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

![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/chartselectionpoint.png)

When SelectionMode is set to **Point**

![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/chartselectionseries.png)

When SelectionMode is set to **Series**

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-core/WorkingwithControls/FlexChart/QuickStart) section.

```html
<c1-flex-chart selection-mode="SelectionMode.Series"></c1-flex-chart>
```