Scale Rim Rounded Caps

[Juan Ignacio Rodríguez]

How can I get scale rim rounded caps like in this example?

I just can find cap propertie for scales range pointers.

[Rachel A]

Hi Juan, 

 

Greetings from Syncfusion. 

 

We can achieve your requirement by using RangeCap property in range pointers without scale as in the below code snippet. 

 

[XAML] 

<gauge:SfCircularGauge  HorizontalOptions="Center" VerticalOptions="Center"> 

 

        <gauge:SfCircularGauge.Annotations> 

            <gauge:GaugeAnnotation  VerticalAlignment="Start"> 

                <gauge:GaugeAnnotation.View> 

                    <Label Text="1.2 of 44" TextColor="Black" FontSize="25"/> 

                    

                </gauge:GaugeAnnotation.View> 

            </gauge:GaugeAnnotation> 

        </gauge:SfCircularGauge.Annotations> 

 

        <gauge:SfCircularGauge.Scales> 

 

            <gauge:Scale ShowRim="False" ShowLabels="False" ShowTicks="False"> 

 

                

                <gauge:Scale.Pointers> 

                    <gauge:RangePointer RangeStart="0" EnableAnimation="False" Value="100" Color="Gray" RangeCap="Both" /> 

                    <gauge:RangePointer RangeStart="0" Value="80" Color="Blue" RangeCap="Both" /> 

                </gauge:Scale.Pointers> 

 

            </gauge:Scale> 

 

        </gauge:SfCircularGauge.Scales> 

 

    </gauge:SfCircularGauge> 

 

Output: 

 

 

 

Please let us know if you need any further assistance. 

 

Thanks, 

Rachel. 

[Juan Ignacio Rodríguez]

Thanks.

Thats the solution I'm currely using, but I thought that maybe there was another one.

[Rachel A]

Hi Juan, 

 

Thanks for the response. 

 

We are having rounded corner support in RangePointers only. So, we can use range pointers to meet your requirement. 

 

Thanks, 

Rachel.