title: How do I format x-axis label in highcharts
body: <p>I have the following highchart output: <img src="https://i.stack.imgur.com/gFCQc.png" alt="enter image description here"></p>
  
  <p>I just want to see the Feb-10 instead of Feb-10 18:00 in x-axis label. So all the xaxis label will be like Feb-10, Feb-12, and so on. But The tooltip will be the same as the output screen. How can I format the xaxis so that I will get Feb-10, Feb-12, and so on instead of Feb-10 18:00, Feb-12 20:00, and so on.</p>
  
  <pre><code>$(function () {
      $('#container').highcharts({
          chart: {
              zoomType: 'xy',
              spacingRight: 20
          },
          credits: {
              enabled: false
          },
          title: {
              text: ''
          },
          xAxis: {
              type: 'datetime',
              labels: {
                  overflow: 'justify'
              },
              startOnTick: true,
              showFirstLabel: true,
              endOnTick: true,
              showLastLabel: true,
              categories: dateAndTimeArray,
              tickInterval: 10,
              labels: {
                  rotation: 0.1,
                  align: 'left',
                  step: 10,
                  enabled: true
              },
              style: {
                  fontSize: '8px'
              }
          },
          yAxis: {
              title: {
                  text: 'Measurement value'
              }
          },
          tooltip: {
              xDateFormat: '%Y-%m-%d %H:%M',
              shared: true
          },
          legend: {
              enabled: false
          },
          plotOptions: {
              area: {
                  fillColor: {
                      linearGradient: {
                          x1: 0,
                          y1: 0,
                          x2: 0,
                          y2: 1
                      },
                      stops: [
                          [0, Highcharts.getOptions().colors[0]],
                          [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                      ]
                  },
                  lineWidth: 1,
                  marker: {
                      enabled: false
                  },
                  shadow: false,
                  states: {
                      hover: {
                          lineWidth: 1
                      }
                  },
                  //  threshold: null
              }
          },
          series: [{
              type: 'line',
              name: 'Value',
              data: chartData,
              marker: {
                  enabled: false
              }
          }]
      });
  });
  </code></pre>