We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Scale Rim Rounded Caps

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



I just can find cap propertie for scales range pointers.


3 Replies

RA Rachel A Syncfusion Team October 23, 2019 08:51 AM UTC

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. 



JI Juan Ignacio Rodríguez October 23, 2019 09:10 AM UTC

Thanks.

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


RA Rachel A Syncfusion Team October 24, 2019 09:27 AM UTC

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. 


Loader.
Live Chat Icon For mobile
Up arrow icon