GaugeRange appearence

2 posts, 0 answers
  1. Michael
    Michael avatar
    6 posts
    Member since:
    Feb 2013

    Posted 18 Mar 2013 Link to this post

    Hi,

    I have a semicirclewest gauge with three gaugeranges. These gaugeranges take up the entirety of the gauge. There is a range for the top, middle, and bottom sections. I was wondering if it would be possible to get the ends of the top and bottom ranges to have rounded edges. The attached image is what it should resemble. 

    Thanks


    <telerik:SemicircleWestScale.Ranges >
     
                                <telerik:GaugeRange x:Name="HighRange" Min=".75" Max="1.5" StartWidth=".2" EndWidth=".2" >
     
                                        <telerik:GaugeRange.Background>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="Yellow" Offset="1"/>
                                                <GradientStop Color="#FFE61D1D" Offset="0"/>
                                            </LinearGradientBrush>
                                        </telerik:GaugeRange.Background>
     
                                    </telerik:GaugeRange>
     
                                    <telerik:GaugeRange x:Name="LowRange" Min="0" Max=".75" StartWidth=".2" EndWidth=".2" Background="Yellow">
     
                                    </telerik:GaugeRange>
     
                                    <!--Green Range-->
                                    <telerik:GaugeRange x:Name="MidRange" Min="20" Max="80" StartWidth=".2" EndWidth=".2" Visibility="Collapsed" >
     
                                        <telerik:GaugeRange.Background>
                                            <LinearGradientBrush>
                                                <GradientStop Color="Yellow" Offset="0"/>
                                                <GradientStop Color="#FF00A91C" Offset=".1"/>
                                                <GradientStop Color="#FF00A91C" Offset=".9"/>
                                                <GradientStop Color="Yellow" Offset="1"/>
                                            </LinearGradientBrush>
                                        </telerik:GaugeRange.Background>
     
                                    </telerik:GaugeRange>
     
                                </telerik:SemicircleWestScale.Ranges>
  2. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 20 Mar 2013 Link to this post

    Hello Michael,

    Unfortunately it is not possible to create similar view using gauge ranges. But you can create your own Path and put it to the scale as a custom element.

    All the best,
    Andrey Murzov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. UI for WPF is Visual Studio 2017 Ready
Back to Top