title: How to force display of x-axis labels in Highcharts?
body: <p>I'm working with some small size charts in Highcharts, and it seems that due to the size Highcharts is showing labels for only alternating ticks on the x-axis. What I'd like to do to show the label for every tick on the x-axis, even if it means using a smaller font. I haven't been able to figure out how to do this. </p>
  
  <p>I'm loading csv data from a pre HTML block.
  Here's the code:</p>
  
  <pre><code>&lt;body&gt;
  &lt;script type="text/javascript" src="https://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://code.highcharts.com/modules/data.js"&gt;&lt;/script&gt;    &lt;div id="container"&gt;&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;div id="chart_left_1" style="min-width: 200px; max-width: 350px; height: 200px;"&gt;&lt;/div&gt;
  &lt;pre id="gdpgr" style="display:none"&gt;year,gdp_yoy,us_gdp_yoy,
  2009,1.9000,-2.1000,
  2010,7.6000,3.8000,
  2011,6.0000,3.7000,
  2012,0.9000,4.1000,
  2013,-0.1000,3.2000,
  2014,5.8000,4.1000,
  &lt;/pre&gt;
  
  $(function () {
  $('#chart_left_1').highcharts({
  chart: {
          borderColor: '#000080',
      borderRadius: 0,
          borderWidth: 2
      },
      title: {text: 'GDP Growth', margin: 0},
      exporting: {enabled: false},
      legend: {enabled: false},
      subtitle: {text: null},
      xAxis: {
          },
      yAxis: {
           tickInterval: 2,
        title: {text: null},
           labels: {
           formatter: function() {
            return this.value + '%';
            }
           },
      },
      tooltip: {
         enabled: true,
     valueSuffix: '%'
      },
      data: {
          csv: document.getElementById('gdpgr').innerHTML,
          startRow: 1,
          endRow: 11,
          endColumn: 2,
          firstRowAsNames: false
      },
  
      xAxis: {
          allowDecimals: false
      },
  
      series: [{
          type: 'column',
          name: ' GDP growth',
          color: '#000080'
  },{
          type: 'column',
          name: 'US GDP Growth',
          color: '#CCCCCC'
      }]
    });
  });
  </code></pre>
  
  <p>And Here's a jsFiddle: <a href="https://jsfiddle.net/otfq0dch/1/" rel="nofollow">https://jsfiddle.net/otfq0dch/1/</a></p>