Bar Indicator Cut Off

2 posts, 0 answers
  1. craig
    craig avatar
    2 posts
    Member since:
    Sep 2015

    Posted 21 Sep 2015 Link to this post

    I am using a RadRadicalGuage with an outside bar indicator. When I set the indicator to go full scale it cuts off the top and side of the bar indicator. Not sure how to fix this.

     

                <telerik:RadRadialGauge x:Name="DrillPressureGauge"  telerik:StyleManager.Theme="Windows8" Height="225" VerticalAlignment="Top" HorizontalAlignment="Left" Width="225" Margin="198,44,0,0" >
                    <telerik:RadialScale Min ="0" Max="10000" Foreground="Transparent">
                        <telerik:RadialScale.Ranges>
                            <telerik:GaugeRange Min="0"
    Max="6000"
                                            StartWidth="0.20"
                                            EndWidth="0.20"
                                            Background="Green"
                                            IndicatorBackground="Green" />
                            <telerik:GaugeRange Min="6000"
    Max="7750"
                                            StartWidth="0.20"
                                            EndWidth="0.20"
                                            Background="Orange"
                                            IndicatorBackground="Orange" />
                            <telerik:GaugeRange Min="7750"
    Max="10000"
                                            StartWidth="0.20"
                                            EndWidth="0.20"
                                            Background="Red"
                                            IndicatorBackground="Red" />
                        </telerik:RadialScale.Ranges>
                        <telerik:RadialScale.Indicators>
                            <telerik:BarIndicator
                                    Value="10000"
                                    StartWidth="0.1"
                                    EndWidth="0.1"
                                    EmptyFill="Transparent"
                                    Background="LightGray"
                                    BorderBrush="Transparent"
                                    StrokeThickness="0"
                                    telerik:ScaleObject.Location="Outside"/>
                            <telerik:Needle />
                            <telerik:Pinpoint/>
                        </telerik:RadialScale.Indicators>
                        <telerik:RadialScale.CustomItems>
                            <TextBlock Text="12345"
                               telerik:ScaleObject.RelativeX="0.35"
                               telerik:ScaleObject.RelativeY="0.85" Background="White" Foreground="Black" FontFamily="Calibri" FontSize="32" VerticalAlignment="Bottom" Height="36.063" HorizontalAlignment="Center" FontWeight="Bold" />
                        </telerik:RadialScale.CustomItems>
                    </telerik:RadialScale>
                </telerik:RadRadialGauge>

  2. Sia
    Admin
    Sia avatar
    667 posts

    Posted 22 Sep 2015 Link to this post

    Hello,

    Since you put the BarIndicator outside and its width is 0.1, then you need to set the RadialScale's Radius to be 0.9 if you do not want to have it cut:
    <telerik:RadRadialGauge x:Name="DrillPressureGauge"  telerik:StyleManager.Theme="Windows8" Height="225" VerticalAlignment="Top" HorizontalAlignment="Left" Width="225" Margin="198,44,0,0">
        <telerik:RadialScale Min ="0" Max="10000" Foreground="Transparent" Radius="0.9">
    ***
        </telerik:RadialScale>
    </telerik:RadRadialGauge>

    Regards,
    Sia
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for WPF is Visual Studio 2017 Ready
Back to Top