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
Implements
Namespace: Syncfusion.Maui.Gauges
Assembly: Syncfusion.Maui.Gauges.dll
Syntax
public class SfRadialGauge : View, IContentView, IView, IElement, ITransform, IPadding, ICrossPlatformLayout, ITouchListener, IVisualTreeElement, IParentThemeElement, IThemeElementExamples
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 AxesPropertyField 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()