Remove a line at X=0 when negative values used

2 posts, 0 answers
  1. Grant
    Grant avatar
    13 posts
    Member since:
    Oct 2011

    Posted 25 Mar 2013 Link to this post

    Hi, 
    I'm using RadChart to display a line graph and want to remove a horizontal line that is drawn at the origin when negative x values are used. Here is the XAML:

            <telerik:RadChart  Grid.Row="2" Grid.Column="1" Margin="5,2" x:Name="RadChart"  Visibility="{Binding HasNoControllers, Converter={StaticResource InvertedBooleanToVisibilityConverter}}" ><br>            <telerik:RadChart.Resources><br>                <Style x:Key="ControllerZoneLabelStyle" TargetType="telerik:MarkedZone"><br>                    <Setter Property="Template" ><br>                        <Setter.Value><br>                            <ControlTemplate TargetType="telerik:MarkedZone"><br>                                <Grid><br>                                    <Rectangle Grid.ColumnSpan="3"<br>                                   Fill="{TemplateBinding Background}" <br>                                   Stroke="{TemplateBinding Stroke}"<br>                                   StrokeThickness="{TemplateBinding StrokeThickness}"<br>                                   StrokeDashArray="1,1"<br>                                   Opacity=".5"<br>                                   Margin="{TemplateBinding ElementMargin}" <br>                                   Style="{TemplateBinding ElementStyle}" /><br>                                    <TextBlock Grid.Column="0" Text="{Binding Number}" TextAlignment="Center" Margin="{TemplateBinding ElementMargin}" FontSize="10"/><br>                                </Grid><br>                            </ControlTemplate><br>                        </Setter.Value><br>                    </Setter><br>                </Style><br>            </telerik:RadChart.Resources><br>            <telerik:RadChart.DefaultView><br>                <telerik:ChartDefaultView ><br>                    <telerik:ChartDefaultView.ChartArea><br>                        <telerik:ChartArea ItemWidthPercent="5"  EnableAnimations="False" EnableStripLinesAnimation="False" IsNoDataMessageEnabled="False" ><br>                            <telerik:ChartArea.Annotations><br>                                <telerik:CustomGridLine Visibility="Collapsed"/><br>                            </telerik:ChartArea.Annotations>                            <br>                            <telerik:ChartArea.AxisY><br>                                <!--Have to leave AutoRange=true for now until I figure out a work around for the clipping RangeSeries bug--><br>                            <telerik:AxisY Title="Time in seconds"  AutoRange="True" MajorGridLinesVisibility="Collapsed"  MinValue="0" MaxValue="0" Step="25" ExtendDirection="None"/><br>                            </telerik:ChartArea.AxisY>                                                            <br>                            <telerik:ChartArea.AxisX><br>                                <telerik:AxisX Title="{Binding DistanceString}" /><br>                            </telerik:ChartArea.AxisX><br>                            <telerik:ChartArea.ZoomScrollSettingsY><br>                                <telerik:ZoomScrollSettings ScrollMode="ScrollAndZoom" ></telerik:ZoomScrollSettings><br>                            </telerik:ChartArea.ZoomScrollSettingsY><br>                        </telerik:ChartArea><br>                    </telerik:ChartDefaultView.ChartArea><br>                    <telerik:ChartDefaultView.ChartLegend><br>                        <telerik:ChartLegend Visibility="Collapsed"/><br>                    </telerik:ChartDefaultView.ChartLegend><br>                </telerik:ChartDefaultView><br>            </telerik:RadChart.DefaultView><br>        </telerik:RadChart>


    I've tried styling the Y-axis but that does not seem to apply to this line.

    Any ideas?
  2. Grant
    Grant avatar
    13 posts
    Member since:
    Oct 2011

    Posted 25 Mar 2013 Link to this post

    Finally found the PlotAreaAxisVisibility="Collapsed"  property which did exactly what I wanted...
  3. DevCraft banner
Back to Top