如何从x轴的最左角开始高亮度柱形图？

Question

使用min和max，我们可以从x轴的最左角开始line chart，但这不适用于column和bar chart。

有关详细信息，请参阅此图片：

任何人都可以为此解决方案修改this fiddle。

Answer 1

选项基本上是变通办法或妥协。

原因是该列在类别中居中，由填充围绕，由pointPadding和groupPadding属性指定。这意味着每列的左侧和右侧都会有空间，包括第一列和最后一行。

变通方法解决方案：修改轴min和max值以切断轴的第一个和最后一个部分。

代码：

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

小提琴：

• http://jsfiddle.net/13z2kLcf/2/

输出：

妥协解决方案：删除您的pointPadding和groupPadding。

代码：

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

小提琴：

• http://jsfiddle.net/13z2kLcf/3/

输出：

Answer 2

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

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