How to DataPoint Label Empty in RadCartesianChart ?

2 posts, 0 answers
  1. Md.Hasanuzzaman
    Md.Hasanuzzaman avatar
    31 posts
    Member since:
    Apr 2011

    Posted 12 Oct 2014 Link to this post

    I have a Stack Bar Chart I want to hide its DataPoint Label.

    My Code :

                    <telerikChart:RadCartesianChart x:Name="RadStackChart">
                        <telerikChart:RadCartesianChart.HorizontalAxis>
                            <telerikChart:LinearAxis Visibility="Collapsed"/>
                        </telerikChart:RadCartesianChart.HorizontalAxis>
                        <telerikChart:RadCartesianChart.VerticalAxis>
                            <telerikChart:CategoricalAxis Visibility="Collapsed"/>
                        </telerikChart:RadCartesianChart.VerticalAxis>
                        <telerikChart:RadCartesianChart.Palette>
                            <telerikChart:ChartPalette>
                                <telerikChart:ChartPalette.GlobalEntries>
                                    <telerikChart:PaletteEntry Fill="Teal"/>
                                    <telerikChart:PaletteEntry Fill="Red"/>
                                    <telerikChart:PaletteEntry Fill="Peru"/>
                                    <telerikChart:PaletteEntry Fill="MediumVioletRed"/>
                                </telerikChart:ChartPalette.GlobalEntries>
                            </telerikChart:ChartPalette>
                        </telerikChart:RadCartesianChart.Palette>

                        <telerikChart:RadCartesianChart.Grid>
                            <telerikChart:CartesianChartGrid StripLinesVisibility="Y">
                                <telerikChart:CartesianChartGrid.YStripeBrushes>
                                    <SolidColorBrush Color="Transparent" />
                                </telerikChart:CartesianChartGrid.YStripeBrushes>
                            </telerikChart:CartesianChartGrid>
                        </telerikChart:RadCartesianChart.Grid>

                        <telerikChart:RadCartesianChart.Series>
                            <telerikChart:BarSeries CombineMode="Stack" ItemsSource="{Binding RuleSignal.FirstStackBar}" ShowLabels="True" >
                                <telerikChart:BarSeries.LabelDefinitions>
                                    <telerikChart:ChartSeriesLabelDefinition Margin="60,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" >
                                        <telerikChart:ChartSeriesLabelDefinition.Template>
                                            <DataTemplate>
                                                <TextBlock Text="{Binding DataItem.Text}" Foreground="Black"/>
                                            </DataTemplate>
                                        </telerikChart:ChartSeriesLabelDefinition.Template>
                                    </telerikChart:ChartSeriesLabelDefinition>
                                </telerikChart:BarSeries.LabelDefinitions>
                                <telerikChart:BarSeries.ValueBinding>
                                    <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
                                </telerikChart:BarSeries.ValueBinding>                      
                                <telerikChart:BarSeries.CategoryBinding>
                                    <telerikChart:PropertyNameDataPointBinding PropertyName="Text"/>
                                </telerikChart:BarSeries.CategoryBinding>
                            </telerikChart:BarSeries>

                            <telerikChart:BarSeries CombineMode="Stack" ItemsSource="{Binding RuleSignal.SecondStackBar}" ShowLabels="True" ClipToPlotArea="True">
                                <telerikChart:BarSeries.ValueBinding>
                                    <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
                                </telerikChart:BarSeries.ValueBinding>
                                <telerikChart:BarSeries.CategoryBinding>
                                    <telerikChart:PropertyNameDataPointBinding PropertyName="Text"/>
                                </telerikChart:BarSeries.CategoryBinding>
                            </telerikChart:BarSeries>

                            <telerikChart:BarSeries CombineMode="Stack" ItemsSource="{Binding RuleSignal.ThirdStackBar}" ShowLabels="True" ClipToPlotArea="False">
                                <telerikChart:BarSeries.ValueBinding>
                                    <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
                                </telerikChart:BarSeries.ValueBinding>
                                <telerikChart:BarSeries.CategoryBinding>
                                    <telerikChart:PropertyNameDataPointBinding PropertyName="Text"/>
                                </telerikChart:BarSeries.CategoryBinding>
                            </telerikChart:BarSeries>
                        </telerikChart:RadCartesianChart.Series>
                    </telerikChart:RadCartesianChart>
  2. Ivaylo Gergov
    Admin
    Ivaylo Gergov avatar
    661 posts

    Posted 16 Oct 2014 Link to this post

    Hi,

    In order to hide the labels of the series you can set the BarSeries.ShowLabels ​property to false.

    Please, let me know should you need further assistance.

    Best regards,
    Ivaylo Gergov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. DevCraft banner
Back to Top