Syncfusion.Maui.Gauges

The Syncfusion.Maui.Gauges package contains the Syncfusion Radial Gauge component for .NET MAUI application.

Prerequisites

Integrated Development Environment

By using the following IDEs, you can develop .NET MAUI applications

• Visual Studio 2022 Preview

Framework & SDK

The below tool is required to run the .NET MAUI application.

• .NET 6.0 SDK
• Android 5.0 (API 21) or higher.
• iOS 10 or higher.
• macOS 10.13 or higher.
• Windows desktop and the Universal Windows Platform (UWP), using Windows UI Library (WinUI) 3.

Key Features

• Axes - The radial gauge axis is a circular arc in which a set of values are displayed along a linear or custom scale based on the design requirements. Axis elements, such as labels, ticks, and axis line, can be easily customized with built-in properties
• Ranges - Gauge range is a visual element that helps to quickly visualize a value where it falls on the axis.
• Pointers - Pointer is used to indicate values on an axis. Radial gauge has three types of pointers: needle pointer, marker pointer, and range pointer. All the pointers can be customized as needed.
• Pointer animation - Animates the pointer in a visually appealing way when the pointer moves from one value to another.
• Pointer interaction - Radial gauge provides an option to drag a pointer from one value to another. It is used to change the value at run time.
• Annotations - Add multiple controls such as text and image as an annotation to a specific point of interest in a radial gauge.

Getting Started

To initialize the Radial Gauge control add the below code to your xaml file.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="RadialGaugeMauiSample.GettingStartedSample"
             xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:gauge="http://schemas.syncfusion.com/maui"
             BackgroundColor="White">
	<ContentPage.Content>
       <gauge:SfRadialGauge>
            <gauge:SfRadialGauge.Axes>
                  <gauge:RadialAxis Minimum="0"
                        Maximum="150" >
                        <gauge:RadialAxis.Pointers>
                               <gauge:NeedlePointer Value="90" />
                        </gauge:RadialAxis.Pointers>
                  </gauge:RadialAxis>
            </gauge:SfRadialGauge.Axes>
       </gauge:SfRadialGauge>
</ContentPage>

Resources

• Learn more about .NET MAUI Radial Gauge controls: Syncfusion .NET MAUI Radial Gauge
• Documentation: Syncfusion .NET MAUI Radial Gauge control

Support and feedback

• For any other queries, reach our Syncfusion support team or post the queries through the community forums.
• Provide feature request through the syncfusion feedback portal

License

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. You can purchase a license here or start a free 30-day trial here.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 26,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1600+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (.NET MAUI, Xamarin, Flutter, UWP, and JavaScript), and desktop development (.NET MAUI, WinForms, WPF, WinUI, Flutter and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

[email protected] | www.syncfusion.com | Toll Free: 1-888-9 DOTNET