title: Basic WPF LiveCharts DateTime example not working
body: <p>I've followed the Live Charts TimeDate basic example as closely as I can but can't seem to get the X axis to display properly.</p>
  
  <p><a href="https://lvcharts.net/App/examples/v1/wpf/Date%20Time" rel="nofollow noreferrer">https://lvcharts.net/App/examples/v1/wpf/Date%20Time</a></p>
  
  <p>My MainWindow code</p>
  
  <pre><code>public partial class MainWindow : Window
  {
      public Func&lt;double, string&gt; Formatter { get; set; }
  
      public MainWindow()
      {
          InitializeComponent();
  
          var dayConfig = Mappers.Xy&lt;DateModel&gt;()
            .X(dateModel =&gt; dateModel.DateTime.Ticks / TimeSpan.FromDays(1).Ticks)
            .Y(dateModel =&gt; dateModel.Value);
  
          SeriesCollection Series = new SeriesCollection(dayConfig)
          {
              new LineSeries
              {
                  Title = "Google Rank",
  
                  Values = new ChartValues&lt;DateModel&gt;
                  {
                      new Wpf.CartesianChart.Using_DateTime.DateModel
                      {
                          DateTime    = System.DateTime.UtcNow,
                          Value       = 5
                      },
                      new Wpf.CartesianChart.Using_DateTime.DateModel
                      {
                          DateTime    = System.DateTime.UtcNow.AddDays(1),
                          Value       = 9
                      },
                      new Wpf.CartesianChart.Using_DateTime.DateModel
                      {
                          DateTime    = System.DateTime.UtcNow.AddDays(2),
                          Value       = 4
                      }
                  },
  
                  Fill = Brushes.Transparent,
  
              },
          };
  
          Formatter = value =&gt; new System.DateTime((long)(value * TimeSpan.FromDays(1).Ticks)).ToString("t");
  
          RankGraph.Series = Series;
      }
  }
  </code></pre>
  
  <p>My XAML on my MainWindow</p>
  
  <pre><code>&lt;Grid&gt;
      &lt;lvc:CartesianChart x:Name="RankGraph" Series="{Binding Series}"&gt;
          &lt;lvc:CartesianChart.AxisX&gt;
              &lt;lvc:Axis LabelFormatter="{Binding Formatter}"&gt;&lt;/lvc:Axis&gt;
          &lt;/lvc:CartesianChart.AxisX&gt;
      &lt;/lvc:CartesianChart&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>Date Model Object</p>
  
  <pre><code>namespace Wpf.CartesianChart.Using_DateTime
  {
      public class DateModel
      {
          public DateTime DateTime { get; set; }
          public double Value { get; set; }
      }
  }
  </code></pre>
  
  <p>This produces the following with the dates messed up...</p>
  
  <p><a href="https://i.stack.imgur.com/UW7bn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UW7bn.png" alt="enter image description here"></a></p>