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 03:51 AM

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>

</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 04:10 AM

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 04:27 AM

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.