Highcharts防止xAxis标签隐藏

我正在使用highcharts来显示条形图。我有一个固定的图表垂直高度，我希望显示所有的xAxis标签。 webparts容器的水平部分响应窗口的大小。我发现在某些水平尺寸的图例环绕看起来会导致我的一些xAxis标签隐藏。我一直无法找到任何可以防止这种情况的设置或设置组合。有没有人知道在不改变Web部件的垂直高度的情况下做到这一点的方法？Highcharts防止xAxis标签隐藏

示例jsFiddle的问题。

以下示例代码，

HTML：

<script src="http://code.highcharts.com/highcharts.js"></script> 
<div id="container" style="height: 180px; width: 330px; margin: 0 auto"></div> 
<div id="container2" style="height: 180px; width: 500px; margin: 0 auto"></div>

的Javascript

$(function() { 
    var options = { 
     chart: { 
      type: 'bar' 
     }, 
     title: { 
      text: null 
     }, 
     xAxis: { 
      categories: ['Data1', 'Data2', 'Data3', 'Data4', 'Data5'] 
     }, 
     plotOptions: { 
      series: { 
       stacking: 'normal' 
      } 
     }, 
     series: [{ 
      name:'Due > 7', 
      data: [29.9, 71.5, 106.4, 129.2, 144.0] 
     },{ 
      name:'Due < 7', 
      data: [34.9, 72.1, 99.4, 150.4, 169.1] 
     },{ 
      name:'Overdue < 7', 
      data: [29.9, 71.5, 106.4, 129.2, 144.0] 
     },{ 
      name:'Overdue > 7', 
      data: [34.9, 72.1, 99.4, 150.4, 169.1] 
     }] 
    }; 
    $('#container').highcharts(options); 
    $('#container2').highcharts(options); 
});

来源

2014-01-13 mojo