Skip to main content
All docs
V25.1
  • CustomArcScaleMarkerPresentation Class

    Contains presentation settings that specify the marker appearance.

    Namespace: DevExpress.Xpf.Gauges

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

    NuGet Package: DevExpress.Wpf.Gauges

    Declaration

    public class CustomArcScaleMarkerPresentation :
        ArcScaleMarkerPresentation

    Example

    This example demonstrates how to define a custom marker 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">
                        <dxga:ArcScale.Ranges>
                            <dxga:ArcScaleRange StartValue="0" EndValue="100">
                                <dxga:ArcScaleRange.Presentation>
                                    <dxga:DefaultArcScaleRangePresentation Fill="Gray"/>
                                </dxga:ArcScaleRange.Presentation>
                                <dxga:ArcScaleRange.Options>
                                    <dxga:RangeOptions Thickness="40"/>
                                </dxga:ArcScaleRange.Options>
                            </dxga:ArcScaleRange>
                        </dxga:ArcScale.Ranges>
                        <dxga:ArcScale.Markers>
                            <dxga:ArcScaleMarker Value="25" IsInteractive="True">
                                <dxga:ArcScaleMarker.Presentation>
                                    <dxga:CustomArcScaleMarkerPresentation>
                                        <dxga:CustomArcScaleMarkerPresentation.MarkerTemplate>
                                            <ControlTemplate>
                                                <Border Background="White" BorderThickness="0" Width="38" Height="10" CornerRadius="5" />
                                            </ControlTemplate>
                                        </dxga:CustomArcScaleMarkerPresentation.MarkerTemplate>
                                    </dxga:CustomArcScaleMarkerPresentation>
                                </dxga:ArcScaleMarker.Presentation>
                                <dxga:ArcScaleMarker.Options>
                                    <dxga:ArcScaleMarkerOptions Offset="-39"/>
                                </dxga:ArcScaleMarker.Options>
                            </dxga:ArcScaleMarker>
                        </dxga:ArcScale.Markers>
                        <dxga:ArcScale.Needles>
                            <dxga:ArcScaleNeedle Value="85" IsInteractive="True"/>
                        </dxga:ArcScale.Needles>
                    </dxga:ArcScale>
                </dxga:CircularGaugeControl.Scales>
            </dxga:CircularGaugeControl>
        </Grid>
    </Window>
    

    The image below illustrates the result.

    See Also