title: x-Axis not working because I'm not using correctly moment.js
body: <p>I'm trying to plot some info, and my <code>x-axis</code> are time. For this objective I'm using, <code>chart.js</code> and <code>moment.js</code> but I'm having some problems to convert this time to a label.</p>
  
  <p>My code is:</p>
  
  <pre><code>var sData = {
      datasets: [{
          label: 'Dataset1',
          data: [{ x: '09:00', y: 88 }, { x: '09:10', y: 89 }, { x: '09:13', y: 86 }, { x: '09:23', y: 86 },
              { x: '09:26', y: 85}, { x: '09:29', y: 83 }]
          }, {
          label: 'Dataset2',
          data: [{ x: '09:02', y: 88 }, { x: '09:13', y: 89 }, { x: '09:14', y: 86 }, { x: '09:20', y: 86 },
              { x: '09:24', y: 85 }, { x: '09:29', y: 83 }]
      }]
  }
  
  sData.datasets[0].data = formatData(sData.datasets[0].data)
  sData.datasets[1].data = formatData(sData.datasets[1].data)
  
  function formatData(oldData) {
      var newData = []
      for (var i = 0; i &lt; oldData.length; i++) {
          var currentData = {}
          currentData.x = moment(oldData[i].x, "HH:mm").format('HH:mm')
          currentData.y = oldData[i].y
          newData.push(currentData)
      }
      return newData
    }
  
  var data = sData
  
  var options = {
      responsive: true,
      scales: {
          xAxes: [{
              type: 'time',
          }]
      },
      tooltips: {
          callbacks: {
              title: function(tooltipItem, data){
                  return moment(tooltipItem[0].label).format('HH:mm')
              }
          }
      }
  }
  
  var ctx = document.getElementById('bateria_graf');
  let chart = new Chart(ctx, {
      type: 'line',
      data: data,
      options: options
  });
  </code></pre>
  
  <p>I think the problem is that I'm not formatting correctly the time, but I don't know how to solve it. Can somebody help me?</p>
  
  <p>Thank you very much!</p>