title: Dynamic Data Display : Change X-Axis date time format for graph
body: <p>I am working on wpf application where I am using <a href="http://dynamicdatadisplay.codeplex.com/" rel="nofollow noreferrer">Dynamic Data Display</a> to show Graph. It works fine.</p>
  
  <p><strong>Problem :</strong></p>
  
  <p>please check this :</p>
  
  <p><img src="https://i.stack.imgur.com/I8SFW.jpg" alt="enter image description here"></p>
  
  <p>How can I use 12 hour time format instead of 24 hours? please suggest.</p>
  
  <p><strong>UPDATE :</strong></p>
  
  <p>This is my XAML for graph :</p>
  
  <pre><code> &lt;d3:ChartPlotter Name="plotter" Margin="3,121,5,0" Grid.RowSpan="2" Height="373" VerticalAlignment="Top" VerticalContentAlignment="Stretch" LegendVisible="False"&gt;
      &lt;d3:ChartPlotter.HorizontalAxis&gt;
          &lt;d3:HorizontalDateTimeAxis Name="dateAxis" /&gt;                                    
      &lt;/d3:ChartPlotter.HorizontalAxis&gt;                                                               
      &lt;d3:VerticalAxisTitle FontFamily="Georgia" Content="Sensor Readings" /&gt;
      &lt;d3:HorizontalAxisTitle FontFamily="Georgia" Content="Date" /&gt;
  &lt;/d3:ChartPlotter&gt;
  </code></pre>
  
  <p>CS :</p>
  
  <pre><code>var dates = (from dr in datDs.Tables[0].AsEnumerable()
                   select new
                   {
                       date = dr.Field&lt;DateTime&gt;("DateRecorded")
                   }.date).ToList();
  
  var datesDataSource = new EnumerableDataSource&lt;DateTime&gt;(dates);
  datesDataSource.SetXMapping(x =&gt; dateAxis.ConvertToDouble(x));
  </code></pre>