Class GaugeAnnotation

RadialAxis allows to add views such as text and image as an annotation to a specific point of interest in the radial gauge. GaugeAnnotation provides options to add any image, text or other views over a gauge with respect to angle or axis value. Display the current progress or pointer value inside the gauge using a text annotation.

Inheritance
System.Object
GaugeAnnotation
Namespace: Syncfusion.Maui.Gauges
Assembly: Syncfusion.Maui.Gauges.dll
Syntax
public class GaugeAnnotation : BindableObject
Examples
<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis>
            <gauge:RadialAxis.Annotations>
                <gauge:GaugeAnnotation>
                    <gauge:GaugeAnnotation.Content>
                            <Label Text="Syncfusion"
                                       TextColor="Black" />
                    </gauge:GaugeAnnotation.Content>
                </gauge:GaugeAnnotation>
            </gauge:RadialAxis.Annotations>
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

Constructors

GaugeAnnotation()

Declaration
public GaugeAnnotation()

Fields

ContentProperty

Identifies the Content bindable property.

Declaration
public static readonly BindableProperty ContentProperty
Field Value
Type Description
Microsoft.Maui.Controls.BindableProperty

The identifier for Content bindable property.

DirectionUnitProperty

Identifies the DirectionUnit bindable property.

Declaration
public static readonly BindableProperty DirectionUnitProperty
Field Value
Type Description
Microsoft.Maui.Controls.BindableProperty

The identifier for DirectionUnit bindable property.

DirectionValueProperty

Identifies the DirectionValue bindable property.

Declaration
public static readonly BindableProperty DirectionValueProperty
Field Value
Type Description
Microsoft.Maui.Controls.BindableProperty

The identifier for DirectionValue bindable property.

HorizontalAlignmentProperty

Identifies the HorizontalAlignment bindable property.

Declaration
public static readonly BindableProperty HorizontalAlignmentProperty
Field Value
Type Description
Microsoft.Maui.Controls.BindableProperty

The identifier for HorizontalAlignment bindable property.

PositionFactorProperty

Identifies the PositionFactor bindable property.

Declaration
public static readonly BindableProperty PositionFactorProperty
Field Value
Type Description
Microsoft.Maui.Controls.BindableProperty

The identifier for PositionFactor bindable property.

VerticalAlignmentProperty

Identifies the VerticalAlignment bindable property.

Declaration
public static readonly BindableProperty VerticalAlignmentProperty
Field Value
Type Description
Microsoft.Maui.Controls.BindableProperty

The identifier for VerticalAlignment bindable property.

Properties

Content

Gets or sets the value that represents annotation's content.

Declaration
public View Content { get; set; }
Property Value
Type Description
Microsoft.Maui.Controls.View
Examples
<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis>
            <gauge:RadialAxis.Annotations>
                <gauge:GaugeAnnotation>
                    <gauge:GaugeAnnotation.Content>
                        <Label Text="Syncfusion"
                                       TextColor="Black" />
                    </gauge:GaugeAnnotation.Content>
                </gauge:GaugeAnnotation>
            </gauge:RadialAxis.Annotations>
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

DirectionUnit

Gets or sets the value that indicates the direction of annotation calculated based on axis value or angle.

Declaration
public AnnotationDirection DirectionUnit { get; set; }
Property Value
Type Description
AnnotationDirection

One of the enumeration values that specifies the direction unit of annotation in the radial gauge. The default is Angle.
Examples
<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis>
            <gauge:RadialAxis.Annotations>
                <gauge:GaugeAnnotation DirectionValue="90" PositionFactor="0.3" 
                                       DirectionUnit="AxisValue">
                    <gauge:GaugeAnnotation.Content>
                        <Label Text="Syncfusion"
                                       TextColor="Black" />
                    </gauge:GaugeAnnotation.Content>
                </gauge:GaugeAnnotation>
            </gauge:RadialAxis.Annotations>
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

DirectionValue

Gets or sets the value to adjusts the annotation distance from center. You can specify value either in axis value or angle using the DirectionUnit property.

Declaration
public double DirectionValue { get; set; }
Property Value
Type Description
System.Double
Examples
<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis>
            <gauge:RadialAxis.Annotations>
                <gauge:GaugeAnnotation DirectionValue="90" PositionFactor="0.3">
                    <gauge:GaugeAnnotation.Content>
                        <Label Text="Syncfusion"
                                       TextColor="Black" />
                    </gauge:GaugeAnnotation.Content>
                </gauge:GaugeAnnotation>
            </gauge:RadialAxis.Annotations>
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

HorizontalAlignment

Gets or sets the value that indicates the horizontal alignment of annotation.

Declaration
public GaugeAlignment HorizontalAlignment { get; set; }
Property Value
Type Description
GaugeAlignment

The default is Center.
Examples
<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis>
            <gauge:RadialAxis.Annotations>
                <gauge:GaugeAnnotation HorizontalAlignment="Start" >
                    <gauge:GaugeAnnotation.Content>
                        <Label Text="Syncfusion"
                                       TextColor="Black" />
                    </gauge:GaugeAnnotation.Content>
                </gauge:GaugeAnnotation>
            </gauge:RadialAxis.Annotations>
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

PositionFactor

Gets or sets a value that specifies the position of annotation in radius factor. PositionFactor value of 0 is starting from the center and 1 is ending at the edge of the radius.

Declaration
public double PositionFactor { get; set; }
Property Value
Type Description
System.Double
Examples

PositionFactor value of 0 is starting from the center and 1 is ending at the edge of the radius. PositionFactor must be between 0 to 1.

<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis>
            <gauge:RadialAxis.Annotations>
                <gauge:GaugeAnnotation DirectionValue="90" PositionFactor="0.5">
                    <gauge:GaugeAnnotation.Content>
                        <Label Text="Syncfusion"
                                       TextColor="Black" />
                    </gauge:GaugeAnnotation.Content>
                </gauge:GaugeAnnotation>
            </gauge:RadialAxis.Annotations>
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>

VerticalAlignment

Gets or sets the value that indicates the vertical alignment of annotation.

Declaration
public GaugeAlignment VerticalAlignment { get; set; }
Property Value
Type Description
GaugeAlignment

The default is Center.
Examples
<gauge:SfRadialGauge>
    <gauge:SfRadialGauge.Axes>
        <gauge:RadialAxis>
            <gauge:RadialAxis.Annotations>
                <gauge:GaugeAnnotation VerticalAlignment="Start" >
                    <gauge:GaugeAnnotation.Content>
                        <Label Text="Syncfusion"
                                       TextColor="Black" />
                    </gauge:GaugeAnnotation.Content>
                </gauge:GaugeAnnotation>
            </gauge:RadialAxis.Annotations>
        </gauge:RadialAxis>
    </gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>