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

2 posts, 0 answers
  1. kity
    kity avatar
    71 posts
    Member since:
    Mar 2012

    Posted 02 Oct 2012 Link to this post

    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>

     

  2. Victor
    Admin
    Victor avatar
    1351 posts

    Posted 03 Oct 2012 Link to this post

    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.

  3. DevCraft banner
Back to Top