CategoricalDataPoint - wrong label position

[kity]

See Attached file view

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="SilverlightApplication1.MainPage"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
    xmlns:controls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Chart"
    xmlns:chartView="clr-namespace:Telerik.Windows.Controls.ChartView;assembly=Telerik.Windows.Controls.Chart"
    xmlns:charting="clr-namespace:Telerik.Charting;assembly=Telerik.Windows.Controls.Chart"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <controls:RadCartesianChart x:Name="RadChartAlarm" Palette="Metro"  >
            <controls:RadCartesianChart.Grid>
                <chartView:CartesianChartGrid/>
            </controls:RadCartesianChart.Grid>
            <controls:RadCartesianChart.HorizontalAxis>
                <chartView:LinearAxis FontSize="16" FontFamily="Segoe UI" Minimum="0"/>
            </controls:RadCartesianChart.HorizontalAxis>
            <controls:RadCartesianChart.VerticalAxis>
                <chartView:CategoricalAxis FontSize="13" FontFamily="Segoe UI" ElementBrush="Pink"  />
            </controls:RadCartesianChart.VerticalAxis>
            <controls:RadCartesianChart.Series>
                  <chartView:BarSeries>
                    <chartView:BarSeries.PointTemplates>
                        <DataTemplate>
                           <Rectangle Fill="Yellow"/>
                        </DataTemplate>
                        <DataTemplate>
                           <Rectangle Fill="Black"/>
                        </DataTemplate>
                        <DataTemplate>
                           <Rectangle Fill="Green"/>
                        </DataTemplate>
                        <DataTemplate>
                           <Rectangle Fill="Red"/>
                        </DataTemplate>
                        <DataTemplate>
                           <Rectangle Fill="Gray"/>
                        </DataTemplate>
                    </chartView:BarSeries.PointTemplates>
                    <chartView:BarSeries.DataPoints>
                        <charting:CategoricalDataPoint Value="10" Category="1Common Function Max / Period an Day"/>
                        <charting:CategoricalDataPoint Value="20" Category="2Power Function Aaravge / Period an Day"/>
                        <charting:CategoricalDataPoint Value="70" Category="3Power Function Aaravge / Period an Hour"/>
                        <charting:CategoricalDataPoint Value="11" Category="4Common Function Max / Period an Day"/>
                        <charting:CategoricalDataPoint Value="35" Category="5Common3 Function Max / Period an Day"/>
                    </chartView:BarSeries.DataPoints>
                </chartView:BarSeries>
            </controls:RadCartesianChart.Series>
        </controls:RadCartesianChart>
    </Grid>
</UserControl>

The only one solution for fix this problem at this time is to change side of  CategoricalAxis to HorizontalLocation="Right"

<controls:RadCartesianChart.VerticalAxis>
                <chartView:CategoricalAxis x:Name="categoricalAxis" ElementBrush="Pink" FontSize="14" FontFamily="Segoe UI" GapLength="0.3" LineStroke="#FF1A5AC9" LineThickness="1" TickThickness="2" HorizontalLocation="Right"/>
            </controls:RadCartesianChart.VerticalAxis>

[Petar Kirov]

Hi,

This strange positioning of the labels is actually not a bug and it is caused by the default value of  the TextBlock.TextAlignment property which is Left. This should fix your problem:

<telerik:CategoricalAxis FontSize="13" FontFamily="Segoe UI" ElementBrush="Pink">
    <telerik:CategoricalAxis.LabelStyle>
        <Style TargetType="TextBlock">
            <Setter Property="TextAlignment" Value="Right"/>
        </Style>
    </telerik:CategoricalAxis.LabelStyle>
</telerik:CategoricalAxis>

 
Regards,
Petar Kirov
Telerik