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

Why Pointer direction is wrong? In Teleric Silverlight not have any problem

1 Answer 56 Views
Gauge
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
kity
Top achievements
Rank 2
kity asked on 02 Oct 2012, 09:03 AM

Search for comment in xaml <!-- HERE: Pointer is wrong direction --> and look image.
I use lates library build.I notice that "ArrowGaugeIndicator" direction have the same value -50 and show correct direction, but "MarkerGaugeIndicator" show wrong direction.

<telerik:RadialGaugeRange MaxValue="100"
                                  MinValue="-100"
                                  MinAngle="0"
                                  MaxAngle="180"
                                  LabelStep="0"
                                  TickStep="0"
                                  MajorTickStep="0"
                                  MiddleTickStep="0"
                                  LabelRadiusScale="1.02"
                                  TickRadiusScale="0.85"
                                  x:Name="range">
 
            <telerik:RadialGaugeRange.TickTemplate>
                <DataTemplate>
                    <Rectangle Width="10"
                               Height="2"
                               Fill="White" />
                </DataTemplate>
            </telerik:RadialGaugeRange.TickTemplate>
 
            <telerik:RadialGaugeRange.LabelTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding StringFormat=\{0:.##\}}"
                               FontSize="12"
                               Foreground="White"
                               />
                </DataTemplate>
            </telerik:RadialGaugeRange.LabelTemplate>
 
            <telerik:RadialBarGaugeIndicator
                telerik:RadialGaugeRange.MinAngle="0"
                telerik:RadialGaugeRange.MaxAngle="180"
                telerik:RadialGaugeRange.IndicatorRadiusScale="0.81"
                BarThickness="3" BarBrush="White"
                StartValue="0"
                Value="100"
                />
 
            <telerik:ArrowGaugeIndicator telerik:RadialGaugeRange.MinAngle="0"
                                         telerik:RadialGaugeRange.MaxAngle="180"
                                         telerik:RadialGaugeRange.IndicatorRadiusScale="0.7"
                                         ArrowBrush="White"
                                         ArrowThickness="2"
                                         ArrowTailRadius="1.2"
                                         Value="-50"
                                         IsAnimated="True"
                                         Visibility="Visible"
                                         />
 
<!-- HERE: Pointer is wrong direction -->
            <telerik:MarkerGaugeIndicator telerik:RadialGaugeRange.MinAngle="0"
                                          telerik:RadialGaugeRange.MaxAngle="180"
                                          telerik:RadialGaugeRange.IndicatorRadiusScale="0.54"
                                            
                                          Value="-50"
                                          IsAnimated="True">
                <telerik:MarkerGaugeIndicator.MarkerTemplate>
                    <DataTemplate>
                        <Path Stroke="{StaticResource PhoneForegroundBrush}" Fill="{StaticResource PhoneForegroundBrush}">
                            <Path.Data>
                                <PathGeometry>
                                    <PathFigure StartPoint="10, -7">
                                        <LineSegment Point="0,0"/>
                                        <LineSegment Point="10, 7"/>
                                        <LineSegment Point="10, -7"/>
                                    </PathFigure>
                                </PathGeometry>
                            </Path.Data>
                        </Path>
                    </DataTemplate>
                </telerik:MarkerGaugeIndicator.MarkerTemplate>
            </telerik:MarkerGaugeIndicator>
 </telerik:RadialGaugeRange>

 

1 Answer, 1 is accepted

Sort by
0
Victor
Telerik team
answered on 03 Oct 2012, 07:41 AM
Hi Pet,

Thanks for the feedback. 
This is a bug in the marker indicator and it has been fixed. The fix will be available in the next official release.
Also you need to change your path figure in the marker template. It should be:

<Path Stroke="{StaticResource PhoneForegroun
    <Path.Data>
        <PathGeometry>
            <PathFigure StartPoint="10, 0"
                        IsClosed="True">
                <LineSegment Point="10,14"/>
                <LineSegment Point="0, 7"/>
            </PathFigure>
        </PathGeometry>
    </Path.Data>
</Path>
Write again if you have other questions.
Your Telerik points have been updated.

Greetings,
Victor
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Tags
Gauge
Asked by
kity
Top achievements
Rank 2
Answers by
Victor
Telerik team
Share this question
or