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. 

[Sam Konstas Smith]

Hi Juan, 

Rounded scale rims are usually handled at the rendering or styling level rather than through a simple built-in property, so checking custom draw methods, SVG paths, or canvas settings often gives more control over the cap shape. This approach is similar to how design details are handled in other fields, where the finish matters as much as the structure, like the smooth rim treatment seen on Dandy hats. Focusing on curves, border radius, and stroke endings helps keep the scale clean and readable without relying only on default range pointer options.

[Vidyalakshmi Mani]

Hi Sam,

Thank you for your input. We recommend using the .NET MAUI SfCircularGauge, which provides axis customization options that allow you to style and control the appearance of the gauge axis to meet various design requirements.

For more details, please refer to our User Guide documentation.

• Getting Started with .NET MAUI Radial Gauge control | Syncfusion

• Axis in .NET MAUI Radial Gauge control | Syncfusion®

Please feel free to check it out and let us know if you need any further assistance.

Regards,

Vidyalakshmi M.