On applying Resize (Larger Text) on device, some chart data labels are not visible

[sheiksyedm]

Description

Refer the below .net maui issue on more details.

dotnet/maui#30745

Get the sample from here.

https://github.com/dotnet/maui-samples/tree/main/9.0/Apps/DeveloperBalance

Steps to Reproduce

No response

Version with bug

1.0.4

Is this a regression from previous behavior?

No, this is a new issue

Last Known Working Version

1.0.3

Affected platforms

I was not able test on other platforms, iOS

Affected Platform Versions

No response

Have you found a workaround?

No response

Relevant log output

[VimalaThirumalaikumar]

Hi @sheiksyedm,

We have been observed that a label template with long text is being used, and the font size has been increased through the device’s accessibility settings. When the font size is enlarged and there is insufficient space within the chart bounds, the data label will not be rendered and appear hidden.

In such cases, we recommend using tail truncation for labels with longer text. This ensures that the label remains visible within the available space, enhancing readability without being hidden.

Here’s a sample code snippet to apply tail truncation in your label template and its output in attachment:

<chart:DoughnutSeries.LabelTemplate>
          <DataTemplate >
                <HorizontalStackLayout>
                         <Label Text="{Binding Item.Title}"
                                    LineBreakMode="{OnPlatform Android='TailTruncation', iOS='TailTruncation'}"
                                    MaximumWidthRequest="{OnPlatform Android='65', iOS='65'}" />
                              …
                  </HorizontalStackLayout>
           </DataTemplate>
</chart:DoughnutSeries.LabelTemplate>

truncation.mp4

Below shared demo showing how the label appears when hiding is disabled and the text is cropped for reference:

disableHide.mp4

We are still evaluating the possibility of improving the appearance of labels in such scenarios to provide a more adaptive and user-friendly experience.

Regards,
Vimala