Xamarin.Forms のドキュメント
重なったデータラベルの管理
コントロール > FlexPie > 機能 > 重なったデータラベルの管理

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#
コードのコピー
//Overlapping プロパティを設定します
flexPie1.DataLabel.Overlapping = PieLabelOverlapping.Trim;

In XAML

XAML
コードのコピー
<c1:PieDataLabel Position="Center" Content="{}{value:F2}" Overlapping="Trim" ></c1:PieDataLabel>

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