The requested page is not available for the requested platform. You are viewing the content for Default platform.

19.1
18.2
18.1
17.2

# ArcScale.EndAngle Property

Gets or sets the angle that specifies the scale end position.

Namespace: DevExpress.UI.Xaml.Gauges

Assembly: DevExpress.UI.Xaml.Gauges.v19.1.dll

## Declaration

``public double EndAngle { get; set; }``
``Public Property EndAngle As Double``

## Property Value

Type Description
Double

A Double value that is the end angle of the scale.

## Remarks

A scale's start and end positions are defined by the ArcScale.StartAngle and EndAngle properties. In this case, an angle increases in the clockwise direction and decreases in a counterclockwise direction.

Note that the EndAngle can either be less than the StartAngle or greater than the StartAngle - both situations are correct.

## Examples

The following example demonstrates how to create a Circular Gauge with two needles, three ranges, one marker and one range bar.

##### Note

A complete sample project is available at: https://github.com/DevExpress-Examples/winrt-gauges-getting-started-lesson-1-create-a-circular-gauge-e4241

``````<Page

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:CircularGaugeLesson"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:Gauges="using:DevExpress.UI.Xaml.Gauges"
x:Class="CircularGaugeLesson.MainPage"
mc:Ignorable="d">

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

<Gauges:CircularGauge>
<Gauges:ArcScale StartValue="0" EndValue="12"
StartAngle="-90" EndAngle="270"
MajorIntervalCount="12" MinorIntervalCount="5">
<Gauges:ArcScale.Ranges>
<Gauges:ArcScaleRange StartValue="0" EndValue="4"/>
<Gauges:ArcScaleRange EndValue="8" StartValue="4"/>
<Gauges:ArcScaleRange EndValue="12" StartValue="8"/>
</Gauges:ArcScale.Ranges>
<Gauges:ArcScale.RangeBars>
<Gauges:ArcScaleRangeBar AnchorValue="7" Value="3"/>
</Gauges:ArcScale.RangeBars>
<Gauges:ArcScale.Markers>
<Gauges:ArcScaleMarker Value="7"/>
</Gauges:ArcScale.Markers>
<Gauges:ArcScale.Needles>
<Gauges:ArcScaleNeedle Value="3"/>
<Gauges:ArcScaleNeedle Value="12"/>
</Gauges:ArcScale.Needles>
<Gauges:ArcScale.LabelOptions>
<Gauges:ArcScaleLabelOptions ShowFirst="False"/>
</Gauges:ArcScale.LabelOptions>
</Gauges:ArcScale>
</Gauges:CircularGauge>

</Grid>
</Page>
``````