[]
        
(Showing Draft Content)

Selection

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.

When SelectionMode is set to Point

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 section.

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