Ho to hide the horizontal line but keep the lable

2 posts, 1 answers
  1. Mostafa
    Mostafa avatar
    3 posts
    Member since:
    Jun 2013

    Posted 01 Aug Link to this post

    Hello,

    I have a bar series with some data, I have updated the horizontal axis, I want to show the label but hide the horizontal line.

    here is the code 

    <telerik:RadCartesianChart VerticalAlignment="Stretch"    PaletteName="DefaultLight" >
                                    <telerik:RadCartesianChart.HorizontalAxis>
                                        <telerik:CategoricalAxis x:Name="XAxis" TickThickness="0"  BorderThickness="0" GapLength="0.4"   FontWeight="SemiBold">
                                            <telerik:CategoricalAxis.LabelTemplate>
                                                <DataTemplate>
                                                    <Ellipse Width="5" Height="5" Fill="#999999" HorizontalAlignment="Center" />
                                                </DataTemplate>
                                            </telerik:CategoricalAxis.LabelTemplate>
                                        </telerik:CategoricalAxis>
                                    </telerik:RadCartesianChart.HorizontalAxis>

                                    <telerik:RadCartesianChart.VerticalAxis>
                                        <telerik:LinearAxis x:Name="YAxis" Visibility="Collapsed" Minimum="0.1" Maximum="{Binding YAxisMaxmimum}"  BorderBrush="Transparent"/>

                                    </telerik:RadCartesianChart.VerticalAxis>

                                    <telerik:RadCartesianChart.Grid>
                                        <telerik:CartesianChartGrid  MajorLinesVisibility="None" StripLinesVisibility="None"/>
                                    </telerik:RadCartesianChart.Grid>

                                    <telerik:RadCartesianChart.Behaviors>
                                        <telerik:ChartSelectionBehavior DataPointSelectionMode="Single" SelectionChanged="ChartSelectionBehavior_SelectionChanged" />
                                    </telerik:RadCartesianChart.Behaviors>

                                    <telerik:BarSeries  CombineMode="Stack" AllowSelect="True" ItemsSource="{Binding Mytems}">
                                        <telerik:BarSeries.PointTemplates>
                                            <DataTemplate>
                                                <Border  Background="Transparent"  BorderThickness="2"/>
                                            </DataTemplate>
                                        </telerik:BarSeries.PointTemplates>
                                        <telerik:BarSeries.ValueBinding >
                                            <telerik:PropertyNameDataPointBinding PropertyName="Prop1" />
                                        </telerik:BarSeries.ValueBinding>
                                        <telerik:BarSeries.CategoryBinding>
                                            <telerik:PropertyNameDataPointBinding PropertyName="CustomedDate" />
                                        </telerik:BarSeries.CategoryBinding>
                                    </telerik:BarSeries>

                                    <telerik:BarSeries  CombineMode="Stack" AllowSelect="True" ItemsSource="{Binding Mytems}">
                                        <telerik:BarSeries.PointTemplates>
                                            <DataTemplate>
                                                <Border  Background="#ffffff"  BorderThickness="2"/>
                                            </DataTemplate>
                                        </telerik:BarSeries.PointTemplates>
                                        <telerik:BarSeries.ValueBinding >
                                            <telerik:PropertyNameDataPointBinding PropertyName="RemainingCostHeight" />
                                        </telerik:BarSeries.ValueBinding>
                                        <telerik:BarSeries.CategoryBinding>
                                            <telerik:PropertyNameDataPointBinding PropertyName="CustomedDate" />
                                        </telerik:BarSeries.CategoryBinding>
                                    </telerik:BarSeries>


                                </telerik:RadCartesianChart>

     

    How can I do this?

     

    Thanks,

  2. Answer
    Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 04 Aug Link to this post

    Hello,

    You cannot hide the line of the axis out of the box. However, you can make it transparent. Please try the following style and let us know if you need any further assistance.

    <telerikChart:CategoricalAxis x:Name="XAxis" TickThickness="0"  BorderThickness="0" GapLength="0.4"   FontWeight="SemiBold" >
                        <telerikChart:CategoricalAxis.LineStyle>
                            <Style TargetType="Line">
                                <Setter Property="Stroke" Value="Transparent"/>
                            </Style>
                        </telerikChart:CategoricalAxis.LineStyle>
                        <telerikChart:CategoricalAxis.LabelTemplate>
                            <DataTemplate>
                                <StackPanel>
                                    <Ellipse Width="5" Height="5" Fill="#999999" HorizontalAlignment="Center" />
                                </StackPanel>
                            </DataTemplate>
                        </telerikChart:CategoricalAxis.LabelTemplate>
                    </telerikChart:CategoricalAxis>
                </telerikChart:RadCartesianChart.HorizontalAxis>
    I hope this will help you out.

    Regards,
    Pavel R. Pavlov
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top