Issues with labels and ticks

Hi,

My code is as below

 <gauge:SfCircularGauge HeightRequest="90">
                                                                    <gauge:SfCircularGauge.Scales>
                                                                        <gauge:Scale                                   ShowTicks="False" LabelColor="White"  ShowLabels="False"  RimThickness="20" RadiusFactor="1" StartAngle="-90" SweepAngle="270"  >
                                                                            <gauge:Scale.Pointers>
                                                                                <gauge:RangePointer RangeCap="Both"  StartOffset="0.9" EndOffset="0.7" Value="{Binding ScorePercent}"  Color="Green"  />
                                                                            </gauge:Scale.Pointers>
                                                                        </gauge:Scale>
                                                                        <gauge:Scale/>
                                                                    </gauge:SfCircularGauge.Scales>

                                                                    <gauge:SfCircularGauge.Annotations>
                                                                        <gauge:GaugeAnnotation Angle="270" >
                                                                            <gauge:GaugeAnnotation.View>
                                                                                <Image Source="{Binding Image, Converter={StaticResource url}}" HeightRequest="50" WidthRequest="50"/>
                                                                            </gauge:GaugeAnnotation.View>
                                                                        </gauge:GaugeAnnotation>
                                                                    </gauge:SfCircularGauge.Annotations>

                                                                </gauge:SfCircularGauge>


And I have this a s a result: as you can see the ticks and labels are still shown.

What's wrong?

1 Reply 1 reply marked as answer

SS Sridevi Sivakumar Syncfusion Team May 3, 2021 11:18 AM UTC

Hi Alexis,

Greetings from Syncfusion.

We have checked the reported query, we have suspected you have added two scales in the SfCircularGauge Scales collection.  As shown in the code snippet below, one SfCircularGauge scale with annotation is enough for this requirement. 
 <gauge:SfCircularGauge HeightRequest="90"> 
        <gauge:SfCircularGauge.Scales> 
            <gauge:Scale ShowTicks="False" LabelColor="White"  ShowLabels="False"  RimThickness="20" RadiusFactor="1" StartAngle="-90" SweepAngle="270"  > 
                <gauge:Scale.Pointers> 
                    <gauge:RangePointer RangeCap="Both"  StartOffset="0.9" EndOffset="0.7" Value="{Binding ScorePercent}"  Color="Green"  /> 
                </gauge:Scale.Pointers> 
            </gauge:Scale> 
            <gauge:Scale/> 
        </gauge:SfCircularGauge.Scales> 
 
        <gauge:SfCircularGauge.Annotations> 
            <gauge:GaugeAnnotation Angle="270" > 
                <gauge:GaugeAnnotation.View> 
                    <Image Source="{Binding Image, Converter={StaticResource url}}" HeightRequest="50" WidthRequest="50"/> 
                </gauge:GaugeAnnotation.View> 
            </gauge:GaugeAnnotation> 
        </gauge:SfCircularGauge.Annotations> 
    </gauge:SfCircularGauge> 

Let us know if you need any further assistance.

Regards,
Sridevi S.

 
 


Marked as answer
Loader.
Up arrow icon