Class SfRadialGauge

Represents a radial gauge control that is used to displays numerical values on a circular scale. It has a rich set of features such as axes, ranges, pointers, and annotations that are fully customizable and extendable. Use it to create speedometers, temperature monitors, dashboards, meter gauges, multi axis clocks, watches, activity gauges, compasses, and more.

Inheritance

System.Object

SfRadialGauge

Implements

Microsoft.Maui.IContentView

Microsoft.Maui.IView

Microsoft.Maui.IElement

Microsoft.Maui.ITransform

Microsoft.Maui.IPadding

Microsoft.Maui.IVisualTreeElement

Namespace: Syncfusion.Maui.Gauges

Assembly: Syncfusion.Maui.Gauges.dll

Syntax

public class SfRadialGauge : View, IContentView, IView, IElement, ITransform, IPadding, ITouchListener, IVisualTreeElement

Examples

The below examples shows, how to initialize the radial gauge.

<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis>
            <gauge:RadialAxis.Pointers>
                <gauge:NeedlePointer x:Name="pointer" Value="60"/>
            </gauge:RadialAxis.Pointers>
            <gauge:RadialAxis.Ranges>
                <gauge:RadialRange StartValue="0" EndValue="100">
                    <gauge:RadialRange.GradientStops>
                        <gauge:GaugeGradientStop Value="0" Color="Green" />
                        <gauge:GaugeGradientStop Value="50" Color="Orange" />
                        <gauge:GaugeGradientStop Value="100" Color="Red" />
                    </gauge:RadialRange.GradientStops>
                </gauge:RadialRange>
            </gauge:RadialAxis.Ranges>
            <gauge:RadialAxis.Annotations>
                <gauge:GaugeAnnotation DirectionUnit="Angle" DirectionValue="90" 
                                       PositionFactor="0.7" >
                    <gauge:GaugeAnnotation.Content>
                        <Label Text="{Binding Source={x:Reference pointer},Path=Value}" />
                    </gauge:GaugeAnnotation.Content>
                </gauge:GaugeAnnotation>
            </gauge:RadialAxis.Annotations>
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

Constructors

SfRadialGauge()

Initializes a new instance of the SfRadialGauge class.

Declaration

public SfRadialGauge()

Examples

The below examples shows, how to creates a radial gauge with required axis.

<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis />
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

Fields

AxesProperty

Identifies the Axes bindable property.

Declaration

public static readonly BindableProperty AxesProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for Axes bindable property.

Properties

Axes

Gets or sets a collection of RadialAxis.

Declaration

public ObservableCollection<RadialAxis> Axes { get; set; }

Property Value

Type	Description
System.Collections.ObjectModel.ObservableCollection<RadialAxis>	The collection of axes to display multiple axis. The default value is empty collection.

Examples

The below examples shows, how to add a collection of radial axis to the gauge and customize each axis by adding it to the axes collection.

<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis>
            <gauge:RadialAxis.Pointers>
                <gauge:NeedlePointer Value="60" />
            </gauge:RadialAxis.Pointers>
        </gauge:RadialAxis>
        <gauge:RadialAxis RadiusFactor="0.5" />
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

Methods

OnBindingContextChanged()

Declaration

protected override void OnBindingContextChanged()

Implements

Microsoft.Maui.IContentView

Microsoft.Maui.IView

Microsoft.Maui.IElement

Microsoft.Maui.ITransform

Microsoft.Maui.IPadding

Microsoft.Maui.IVisualTreeElement