title: compress x axis in high chart
body: <p>is there a way to compress the x axis or skip large sections of no data in highcharts?</p>
  
  <p><a href="http://jsfiddle.net/eh7edruq/" rel="nofollow noreferrer">http://jsfiddle.net/eh7edruq/</a></p>
  
  <p>if you look at the fiddle there is a large area with no data. Is there a way to compress the two ends of that data and have some sort of visual that the graph is disjointed?</p>
  
  <pre><code>Highcharts.chart('container', {
  
      xAxis: {
          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',
          'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',
          'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',
          'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',
          'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',]
      },
  
      plotOptions: {
          series: {
              // connectNulls: false // by default
          }
      },
  
      series: [{
          data: [29.9, 71.5, 106.4, 129.2, null, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,
          null, null, null, null, null, null, null, null, null, null, null, null,
          null, null, null, null, null, null, null, null, null, null, null, null,
           null, null, null, null, null, null, null, null, null, null, null, null,
          29.9, 71.5, 106.4, 129.2, null, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,]
      }]
  
  });
  </code></pre>