Highcharts的宽度无法填充父母的100％

Question

我想填写Highcharts，将其宽度填充到其父级的100％，而不需要左/右填充。

我看了HighCharts full width issue并尝试将minPadding maxPadding和{{1}}设为0但不起作用。

Demo来证明问题

从演示中，xAxis将扩展容器的100％，并且不显示部分x类别值。

如何设置解决问题的选项？

Answer 1

您需要将最小/最大值设置为变通方法。

xAxis:{
      type:'categories',
      min:0.49,
      max: categories.length - 1.49,
      categories: categories,
      minPadding:0,
      maxPadding:0,
      gridLineWidth:0,
      tickmarkPlacement: 'between',//仅适用于类别轴categories值时候，刻度线位于在类别名称的中心
      labels: {
          align:'center',
          y:-3,//垂直偏移
          style:{
              color:'white'
          }
      }
    },

http://codepen.io/anon/pen/PZWxwa