Gauge for WPF | ComponentOne
In This Topic
    Direction
    In This Topic

    The Direction property allows you to change the orientation of the Linear Gauge as well as the direction in which the pointer moves. For example, setting the Direction property to Down changes the gauge orientation from horizontal to vertical and the pointer starts from the top of the gauge and moves towards the bottom. For Radial Gauge, you can reverse the current direction by using the IsReversed property.

    The following image shows how the LinearGauge and Radial Gauge appears after the direction has been changed.

    The following code example demonstrates how to set this property in XAML for Linear Gauge. It uses the sample created in QuickStart.

    XAML
    Copy Code
    <c1:C1LinearGauge x:Name="linearGauge" Value="50" Direction="Up" TextVisibility="All" ShowRanges="True" Min="0" Max="100" Width="48" Height="314" Margin="510,83,242,83"/>
    

    The following code example demonstrates how to set this property in XAML for Radial Gauge.

    XAML
    Copy Code
    <c1:C1RadialGauge x:Name="radGauge" IsReversed="True" Min="0"  Max="100" ShowRanges="True" HorizontalAlignment="Left" Margin="41,157,0,45" Value="25" Width="469"/>