Issues with labels and ticks

[Alexis]

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?

[Sridevi Sivakumar]

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.