javascript - Highcharts 的宽度无法填满父级的 100%

Question

我想填充 Highcharts 以将其宽度填充到其父级的 100%，而没有任何左/右填充。

我读了HighCharts full width issue并尝试将 :margin minPadding 和 maxPadding 设置为 0 但不起作用。

Demo证明问题

从demo来看，x轴是100%展开容器，部分x categories值没有显示。

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

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