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 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 is set to Point, you can even change the position of the selected pie slice by setting the SelectedItemPosition property and move the selected pie slice away from the center of the FlexPie by setting the SelectedItemOffset property.

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

The following code example demonstrates how to set this property. This example uses the sample created in the Quick Start section.

In Code

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