This is a migrated thread and some comments may be shown as answers.

GaugeRange appearence

1 Answer 114 Views
Gauges
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 18 Mar 2013, 02:19 PM
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>

1 Answer, 1 is accepted

Sort by
0
Andrey
Telerik team
answered on 20 Mar 2013, 12:26 PM
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.

Tags
Gauges
Asked by
Michael
Top achievements
Rank 1
Answers by
Andrey
Telerik team
Share this question
or