All docs
V20.1
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

CustomArcScaleRangePresentation Class

Contains presentation settings that specify the range appearance.

Namespace: DevExpress.Xpf.Gauges

Assembly: DevExpress.Xpf.Gauges.v20.1.dll

Declaration

public class CustomArcScaleRangePresentation :
    ArcScaleRangePresentation
Public Class CustomArcScaleRangePresentation
    Inherits ArcScaleRangePresentation

Examples

This example demonstrates how to define a custom range and range bar presentation.

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:GaugesDemoApp"
        xmlns:dxga="http://schemas.devexpress.com/winfx/2008/xaml/gauges" 
        x:Class="GaugesDemoApp.MainWindow"
        Title="MainWindow" Height="300" Width="300">
    <Grid>
        <dxga:CircularGaugeControl>
            <dxga:CircularGaugeControl.Scales>
                <dxga:ArcScale ShowMinorTickmarks="False" ShowLine="False" StartAngle="-180" EndAngle="0">
                    <dxga:ArcScale.Needles>
                        <dxga:ArcScaleNeedle/>
                    </dxga:ArcScale.Needles>
                    <dxga:ArcScale.Ranges>
                        <dxga:ArcScaleRange StartValue="0" EndValue="100">
                            <dxga:ArcScaleRange.Options>
                                <dxga:RangeOptions Thickness="40" Offset="-90"/>
                            </dxga:ArcScaleRange.Options>
                            <dxga:ArcScaleRange.Presentation>
                                <dxga:CustomArcScaleRangePresentation>
                                    <dxga:CustomArcScaleRangePresentation.RangeTemplate>
                                        <ControlTemplate>
                                            <Grid RenderTransformOrigin="0.5, 0.5">
                                                <Ellipse Fill="LightGray"/>
                                                <Ellipse Fill="White" Margin="5,25,40,25"/>
                                            </Grid>
                                        </ControlTemplate>
                                    </dxga:CustomArcScaleRangePresentation.RangeTemplate>
                                </dxga:CustomArcScaleRangePresentation>
                            </dxga:ArcScaleRange.Presentation>
                        </dxga:ArcScaleRange>
                    </dxga:ArcScale.Ranges>
                    <dxga:ArcScale.RangeBars>
                        <dxga:ArcScaleRangeBar Value="50" IsInteractive="True">
                            <dxga:ArcScaleRangeBar.Options>
                                <dxga:ArcScaleRangeBarOptions Thickness="40" Offset="-90"/>
                            </dxga:ArcScaleRangeBar.Options>
                            <dxga:ArcScaleRangeBar.Presentation>
                                <dxga:CustomArcScaleRangeBarPresentation>
                                    <dxga:CustomArcScaleRangeBarPresentation.RangeBarTemplate>
                                        <ControlTemplate>
                                            <Grid RenderTransformOrigin="0.5, 0.5">
                                                <Ellipse Fill="Lime"/>
                                                <Ellipse Fill="White" Margin="5,25,40,25"/>
                                            </Grid>
                                        </ControlTemplate>
                                    </dxga:CustomArcScaleRangeBarPresentation.RangeBarTemplate>
                                </dxga:CustomArcScaleRangeBarPresentation>
                            </dxga:ArcScaleRangeBar.Presentation>
                        </dxga:ArcScaleRangeBar>
                    </dxga:ArcScale.RangeBars>
                </dxga:ArcScale>
            </dxga:CircularGaugeControl.Scales>
        </dxga:CircularGaugeControl>
    </Grid>
</Window>

The image below illustrates the result.

See Also