[Solved] MVVM & TitleStyle

[Courouble Damien]

Hi guys, 

I'm working on chart with mvvm and need to bind the AxisX TitleStyle with a Style created and stored on my ViewModel
Unfortunately I haven't find the way to do it with xaml or with View CodeBehind

Can anyone guide me ?

Thanks,

Damien

[Courouble Damien]

Anyone ? 

[Giuseppe]

Hi Courouble,

Indeed we must admit that currently it is not possible to use binding expression to set the AxisStyles.TitleStyle property and you will need to set it as a static resource instead:

<UserControl x:Class="ChartSLApplication.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
       xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    d:DesignHeight="700" d:DesignWidth="400"
   xmlns:demo="clr-namespace:ChartSLApplication"
     xmlns:telerikQuickStart="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls">

    <UserControl.DataContext>
        <demo:ViewModel />
    </UserControl.DataContext>

    <UserControl.Resources>
        <Style x:Key="CustomStyle" TargetType="telerik:AxisTitle">
            <Setter Property="Foreground" Value="Red" />
        </Style>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="White">
        <telerik:RadChart x:Name="RadChart1">
            <telerik:RadChart.SeriesMappings>
                <telerik:SeriesMapping ItemsSource="{Binding Data}">
                    <telerik:ItemMapping FieldName="Data" DataPointMember="YValue" />
                    <telerik:ItemMapping FieldName="XData" DataPointMember="XCategory" />
                </telerik:SeriesMapping>
            </telerik:RadChart.SeriesMappings>
            <telerik:RadChart.DefaultView>
                <telerik:ChartDefaultView>
                    <telerik:ChartDefaultView.ChartArea>
                        <telerik:ChartArea>
                            <telerik:ChartArea.AxisX>
                                <telerik:AxisX Title="TEST">
                                    <telerik:AxisX.AxisStyles>
                                        <telerik:AxisStyles TitleStyle="{StaticResource CustomStyle}" />
                                    </telerik:AxisX.AxisStyles>
                                </telerik:AxisX>
                            </telerik:ChartArea.AxisX>
                        </telerik:ChartArea>
                    </telerik:ChartDefaultView.ChartArea>
                </telerik:ChartDefaultView>
            </telerik:RadChart.DefaultView>
        </telerik:RadChart>
    </Grid>

</UserControl>

We have forwarded your bug report to our developers and it will be addressed for the next weekly internal build on Monday. We have updated your Telerik points as well.


Best wishes,
Giuseppe
the Telerik team