This is a migrated thread and some comments may be shown as answers.

how to change display of AxisLabels on DateTimeContinuousAxis

3 Answers 97 Views

Chart

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

Accepted

answered on 04 Nov 2016, 06:40 PM

Hi Doug,

You can indeed set a custom template for the Axis's label template, here's an example:

<telerik:RadCartesianChart.HorizontalAxis>

<telerik:DateTimeContinuousAxis LabelFitMode="MultiLine" LabelFormat="MMM yyyy">

<telerik:DateTimeContinuousAxis.LabelTemplate>

<DataTemplate>

<TextBlock Text="{Binding}"/>

</DataTemplate>

</telerik:DateTimeContinuousAxis.LabelTemplate>

</telerik:DateTimeContinuousAxis>

</telerik:RadCartesianChart.HorizontalAxis>

Here's a screenshot of the chart using the template above.

One thing to be aware of is that the DataContext of the label template is the display value for that label (of type string). If you want to display something different, you could use a value converter and pass other relevant information in the converter parameter.

Regards,
Lance | Tech Support Engineer, Sr.
Telerik by Progress

Do you need help with upgrading your WPF project? Try the Telerik API Analyzer and share your thoughts!

answered on 07 Nov 2016, 01:00 PM

Lance, That worked perfectly. I created a Converter from IValueConverter and changed the DateTime data to a Timespan object using a predefined epoch DateTime object. I then returned the TotalSeconds from the epoch.

public class TimespanDataConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
     {
       if (value is DateTime)
       {
         TimeSpan xVal = (DateTime)value - MainWindow._epoch;
         return Math.Round(xVal.TotalSeconds);
       }
       return value.ToString();
     }
     public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
     {
       throw new NotImplementedException();
     }
   }
}