DonutSeries Chart Label Formatting

1 Answer 135 Views
Chart
John
Top achievements
Rank 2
John asked on 19 Jan 2023, 06:58 PM

The Xamarin version seems to have so many formatting options for the series label how can we adjust the Font, Size, and Color of the Label for the Pie and DonutSeries Label in MAUI?

 <telerik:PieSeries.LabelSettings>
                <telerik:PieLabelSettings FontSize="15"
                                         FontFamily="Arial"
                                         Distance="20"
                                         Fill="Yellow"
                                         Format="{0:P0}"/>
</telerik:PieSeries.LabelSettings>

Also, I was reading where the Xamarin Control Legend had a Title option, can that be brought over to MAUI at some point?

<telerik:RadPieChart.LegendSettings>
        <telerik:ChartLegendSettings Position="Right"
                                    Title="My Legend"
                                    TitleColor="Green"
                                    TitleFontSize="20"
                                    TitleFontFamily="Arial"
                                    ItemWidth="50"
                                    ItemHeight="25"
                                    ItemColor="Yellow"
                                    ItemFontSize="15"
                                    ItemFontFamily="Arial"  />
    </telerik:RadPieChart.LegendSettings>

Also, as another request, if you guys can add a feature to the Bar series chart where we can add the ability to set a Corner Radius to the ends of the Bars so they can be rounded?  It would make it more stunning and impactful I believe.  I know other vendors have that option so it should be doable.

1 Answer, 1 is accepted

Sort by
0
Lance | Senior Manager Technical Support
Telerik team
answered on 20 Jan 2023, 04:59 PM

Hello John,

For UI for Xamarin, and .NET MAUI, the Legend is actually a separate control which you use an x:Reference to link it to the PieChart.

I'm not exactly sure where you got that XAML from, the fact that it uses the "telerik:" xmlns prefix means it was not from UI for Xamarin, it looks like WPF code to me.

In any case, you can see this explained and demonstrated in the following documentation:

For text formatting, you have the following:

  • LegendItemFontSize (double)—The size of the item's title text.
  • LegendItemFontColor (Color)—The color of the item's title text.

For legend's title, that's simply set on the series level:

<telerik:PieSeries DisplayName="Value" LegendTitleBinding="Category" ItemsSource="{Binding Data1}" ValueBinding="Value"/>
...
<telerik:RadLegend HeightRequest="200" 
                   LegendItemFontColor="DarkGreen"
                   LegendItemFontSize="20"
                   LegendProvider="{x:Reference Name=pieChart}"/>

Feature Requests

Indeed, you can also do this at any time by going to the UI for .NET MAUI Feedback Portal. (open a separate request for each feature, so that a task can be created for each one).

For your convenience, I have opened the following requests on your behalf:

If after using the UI for MAUI RadLegend control you still have more requests, then please open new ones using the link above. We'll review and add to the backlog.

Thank you for taking the time to open this thread and raise these topics!

Regards,
Lance | Manager Technical Support
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Chart
Asked by
John
Top achievements
Rank 2
Answers by
Lance | Senior Manager Technical Support
Telerik team
Share this question
or