Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
75
Styling an Item Legend for a XamDoughnutChart
posted

Hello, 

I have XamDoughnutChart where it has a ItemLegend which i'm trying to style it and I dont understand how to do it.

This is the style that I'm trying to apply:

<Style x:Key="gridSubTitleGrayLabel" TargetType="Label">
        <Setter Property="FontSize" Value="12" />
        <Setter Property="TextColor" Value="{StaticResource blueBayouxColor}" />
 </Style>

This is the code:

<ig:XamDoughnutChart x:Name="Top5ZonesChart"
                                    Grid.Column="0"
                                    InnerExtent="70">
                                    <ig:XamDoughnutChart.Series>
                                        <ig:RingSeries
                                        x:Name="Top5ZonesRingSeries"
                                        FormatLabel="RingSeries_FormatLabel"
                                        ItemsSource="{Binding Top5Zones}"
                                        LabelExtent="15"
                                        LabelMemberPath="ValueLabel"
                                        LabelInnerColor="#51667a"
                                        LabelOuterColor="#51667a"
                                        LabelsPosition="OutsideEnd"
                                        LeaderLineType="Straight"
                                        LeaderLineVisibility="Visible"
                                        Legend="{x:Reference Top5ZonesLegend}"
                                        LegendLabelMemberPath="Label"
                                        RadiusFactor="0.6"
                                        StartAngle="150"
                                        ValueMemberPath="ValueLabel" />
                                    </ig:XamDoughnutChart.Series>
                                </ig:XamDoughnutChart>
                                <ig:ItemLegend x:Name="Top5ZonesLegend"
                                    Grid.Column="1"
                                    HorizontalOptions="EndAndExpand"
                                    VerticalOptions="End">
                                </ig:ItemLegend>

Everytime i try to apply it directly, it doesnt allow it. How can I do it?

  • 34810
    Offline posted

    Hello Wave Solutions,

    I have been investigating into the behavior you are referring to, and unfortunately, the described behavior is still the same as the one that was brought up here: https://ko.infragistics.com/community/forums/f/ultimate-ui-for-xamarin/118942/change-size-of-legend.

    The development issue with ID 257809 is still open, and I have created a private support case for you that I will link to this issue so you may be notified of any changes that may happen in the future. It is worth noting that our Xamarin.Forms toolset is in maintenance mode at the moment though as it has not had a release since early 2020, and so I unfortunately do not have an ETA on when this may be fixed. You can access the private support case by signing into your account, here: https://account.infragistics.com/support-cases.

    Please let me know if you have any other questions or concerns on this matter.