title: How could I change the x,y label and remove empty x bar
body: <p>I coverted all the x value with Date.parse() function</p>
  
  <p>How could I get my expectation </p>
  
  <pre><code>- change x label and x value as "%Y%m%d" in tooltip
  - remove the strange 12:00 empties on x-axis
  </code></pre>
  
  <p>Thanks</p>
  
  <p><img src="https://i.imgur.com/Set3uEZ.png=300x" alt="inline" title="Title"></p>
  
  <h1>Covert function</h1>
  
  <pre><code>  $.each($scope.flights, function() {
        var current_flight_no =  this
        $.each(current_flight_no.data, function(){
          this.x = Date.parse(this.x);
        })
    });
  </code></pre>
  
  <h1>Chart option</h1>
  
  <pre><code>options: {
    chart: {
      type: 'scatter'
    },
  },
  xAxis: {
      type: 'datetime',
      dateTimeLabelFormats: {
          day: '%b %e (%a)',
      },
  tooltip: {
      formatter: function () {
          return 'Extra data: &lt;b&gt;' + this.point.price + '&lt;/b&gt;';
      }
  },
  </code></pre>