title: x Axis Labels are cut off from Highcharts Column Chart
body: <p>I am attempting to get the full label displayed in the x axis, but highcharts keeps on cutting it off. I tried using the crop, overflow, and margin options discussed in other posts to no avail. The only option that worked was to make the div height of the chart an absurd size.     </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> $('#da-expulsions').highcharts({
       chart: {
         type: 'column',
         renderTo: 'da-expulsions',
       },
       data: {
         googleSpreadsheetKey: '1Nx8zcIi0ULxytLmra0A9N11-llzJCDVH2-7SbK_k5-U',
         startColumn: 0,
         startRow: 0,
         googleSpreadsheetWorksheet: 19,
       },
       title: {
         text: 'Expulsion rates at campuses with highest expulsion rates over time'
       },
       yAxis: {
         min: 0,
         max: 30,
         breaks: [{
           from: 12,
           to: 24,
           breakSize: 1
         }],
         tickInterval: 3,
         title: {
           text: 'Expulsions Rate (%)'
         },
         labels: {
           formatter: function() {
             return this.value + '%';
           }
         }
       },
       tooltip: {
         valueSuffix: '%'
       },
       xAxis: {
         type: 'category',
         title: {
           text: 'School'
         },
       },
     });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
    &lt;script src="http://code.highcharts.com/modules/data.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.1.5/modules/broken-axis.js"&gt;
    &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="da-expulsions"&gt;&lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>