title: chart.js 3 and time axis displays wrong date data
body: <p>I have a very hard time to get chart.js running with time axis.</p>
  <p>I have following simplified code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
  
  
  &lt;!--
          &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.js"&gt;&lt;/script&gt;
  --&gt;
  
          &lt;script src="https://cdn.jsdelivr.net/npm/moment"&gt;&lt;/script&gt;
          &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.4.0/chart.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;canvas id="chart" width="800" height="400"&gt;&lt;/canvas&gt;
  
  &lt;script type="text/javascript"&gt;
  
          window.onload = function () {
          
                  var ctx = document.getElementById('chart').getContext('2d');
                  var myChart = new Chart(ctx,{
  
                          type: 'line',
                          data: {
                                  datasets:[ {
                                          data: [
                                                  { x: '2017-01-06', y: 50 },
                                                  { x: '2017-01-15', y: 45 },
                                                  { x: '2017-03-07', y: 35 },
                                          ]
                                  } ]
                          },
                          options: {
                                  scales: {
                                          xAxes: [ { type: 'time', } ] 
                                  }
                          }
                  });
  
          };
  
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>When including the latest 3.4.0 chart.js the time axis is not correctly formatted (the datapoints are evenly distributed on the x-axis). However when using the 2.9.3 version, it is displayed correctly (datapoints are <strong>not</strong> evenly distributed).</p>
  <p>Fiddle not working (using 3.4.0): <a href="https://jsfiddle.net/ungoq8j6/1/" rel="nofollow noreferrer">https://jsfiddle.net/ungoq8j6/1/</a><br />
  Fiddle working (using 2.9.3): <a href="https://jsfiddle.net/ungoq8j6/2/" rel="nofollow noreferrer">https://jsfiddle.net/ungoq8j6/2/</a></p>
  <p>According to the docs (which are completly vague about that topic) you have to include a date library and an adapter (here moment.js + chartjs-adapter-moment).</p>
  <p>The script is used only on the client side, so no node.js/npm is available.</p>