title: Displaying X-Axis as DD/MM/YY HH:MM:SS.mm on Highchart
body: <p>In high chart I am plotting two lines.</p>
  
  <p>1st line has data points between , <code>2018-06-15T04:47:16 and 2018-06-15T04:52:16</code><br>
  2nd line has data points between ,  <code>2018-06-15T04:52:16 and 2018-06-15T04:57:16</code></p>
  
  <p>Now I do not want them to display the line on that time period. But they are getting extended through out the period , because (probably) Y-Axis does not have Year, hour,minutes and seconds info.</p>
  
  <p>How do I display and evaluate complete date time info in my X-Axis. Hopefully that will help me to show data on interval points and not through out the graph period.
  Here is my 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-js lang-js prettyprint-override"><code>Highcharts.chart('container', {
      chart: {
          type: 'line'
      },
      title: {
          text: 'How to display in DD/MM/YYYY hh:MM:ss'
      },
      subtitle: {
          text: 'In X Axis'
      },
      xAxis: {
          type: 'datetime',
          dateTimeLabelFormats: { // don't display the dummy year
              day: '%e. %b',
              hour:'%H:%M',
              year: '%Y',
              millisecond:'millisecond'
          },
          title: {
              text: 'Date'
          }
      },
      yAxis: {
          title: {
              text: 'Snow depth (m)'
          },
          min: 0
      },
      colors: ['#6CF', '#39F', '#06C', '#036', '#000'],
  
      // Define the data points. All series have a dummy year
      // of 1970/71 in order to be compared on the same x axis. Note
      // that in JavaScript, months start at 0 for January, 1 for February etc.
      series: [{
          name: "Line1",
          data: [
              ["2018-06-15T04:47:16", 8],
         ["2018-06-15T04:52:16", 8]
          ],
          lineWidth:10
      },
      {
          name: "Line2",
          data: [
              ["2018-06-15T04:52:16", 14],
         ["2018-06-15T04:57:16", 8]
          ],
          lineWidth:10
      }
      ]
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.highcharts.com/modules/series-label.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
  
  &lt;div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>