How to create the various directional semi-circular gauge using .NET MAUI Radial Gauge (SfRadialGauge)?

This article describes how to create various directional semi-circular gauges using the Syncfusion® .NET MAUI Radial Gauge control.

You can achieve a semi-circular gauge by adjusting the StartAngle and EndAngle properties of the RadialAxis.

Create the SfRadialGauge control by referring to this getting-started documentation and adding an axis to it.

East directional gauge: Set the start angle property value to 270 and the end angle to 90 to display an east directional semi-circular gauge.

XAML

<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis StartAngle="270"
                          EndAngle="90"
                          Interval="10">
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

Output

West directional gauge: Set the start angle property value to 90, end angle to 270, and enable IsInversed property to display a west directional semi-circular gauge.

XAML

<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis StartAngle="90"
                          EndAngle="270"
                          Interval="10">
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

Output

North directional gauge: Set the start angle property value to 180 and the end angle property value to 0 to show the north directional semi-circular gauge.

XAML

<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis StartAngle="180"
                          EndAngle="0"
                          Interval="10">
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

Output

South directional gauge: Set the start angle property value to 0, end angle property value to 180, and enable the IsInversed property to display the south directional semi-circular gauge.

XAML

<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis StartAngle="0"
                          EndAngle="180"
                          Interval="10">
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

Output

Download the complete sample on GitHub.

Conclusion

I hope you enjoyed learning how to create various directional semi-circular gauges using .NET MAUI Radial Gauge (SfRadialGauge).

You can refer to our .NET MAUI Radial Gauge feature tour page to learn about its other groundbreaking feature representations. Explore our .NET MAUI Radial Gauge documentation to understand how to present and manipulate data.

For current customers, check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion®, try our 30-day free trial to check out our .NET MAUI Radial Gauge and other .NET MAUI components. Please let us know in the comments section if you have any queries or require clarification. Contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!