ComponentOne Xamarin Edition
Manage Overlapped Data Labels
Controls > FlexPie > Features > Manage Overlapped Data Labels

A common issue pertaining to charts is overlapping of data labels that represent data points. In most cases, overlapping occurs due to long text in data labels or large numbers of data points.

To manage overlapped data labels in FlexPie chart, you can make use of Overlapping property provided by PieDataLabel class. The Overlapping property accepts the following values from the PieLabelOverlapping enumeration.

Enumeration Description
PieLabelOverlapping.Default Show all labels including the overlapping ones.
PieLabelOverlapping.Hide Hides the overlapping labels, if its content is larger than the corresponding pie segment.
PieLabelOverlapping.Trim Trim overlapping data labels, if its width is larger than the corresponding pie segment.

Use the following code to manage overlapping data labels.

In Code

C#
Copy Code
//Set Overlapping property
flexPie1.DataLabel.Overlapping = PieLabelOverlapping.Trim;

In XAML

XAML
Copy Code
<c1:PieDataLabel Position="Center" Content="{}{value:F2}" Overlapping="Trim" ></c1:PieDataLabel>

The following image shows FlexPie appears after setting the Overlapping property.