2017-03-06 51 views

回答

2

该选项本质上是变通或妥协。

其原因是该列在类别中居中,由填充包围,如pointPaddinggroupPadding属性所指定。这意味着每列的左右两侧都会有空间,包括第一个和最后一个。

解决方法解决方案:修改轴minmax的值以切断轴的第一个和最后一个部分。

代码:

xAxis: { 
    min: 0.25, 
    max: data.length -1.25 
} 

小提琴:

输出:

screenshot

妥协解决方案:删除您的pointPaddinggroupPadding

代码:

plotOptions: { 
    column: { 
     pointPadding: 0, 
     groupPadding: 0 
    } 
} 

小提琴:

输出:

enter image description here

+0

感谢您的解决方案。这个对我有用 –

0

简单的解决方案可能是通过设置负值offset来调整y轴。但我认为这只是一个解决方法。可能会有更优雅的解决方案。

yAxis: { 
    min: 0, 
    title: { 
     text: 'Total fruit consumption' 
    }, 
    /* make all y-axis gridlines invisible */ 
    gridLineColor: 'transparent', 
    offset: -50//negative offset 
}, 
+0

感谢您添e @Jérôme,'offset'选项列移动到左侧,但其重叠yAxis标签。请参阅[this fiddle](http://jsfiddle.net/Gauravr/13z2kLcf/6/)。 –

+0

好的,这只是一个快速的解决方法;-) –