如何從x軸的最左角開始高圖柱形圖？

Question

隨着最小和最大，我們可以從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 
},