如何在堆疊條形圖上的軸標籤之間創建更多間隙？

Question

我重新我的問題在此的jsfiddle：http://jsfiddle.net/FYs3q/

我的類我把在柱狀圖左側是動態的，投入的類別列表：

xAxis: { 
categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas', 'Orangesa', 'Pearsa', 
'Grapesa', 'Bananasa', 'Orangess', 'Pearss', 'Grapess', 'Bananass', 'Orangesd', 'Pearsd', 
'Grapesd', 'Bananasd', 'Orangesf', 'Pearsf', 'Grapesf', 'Bananasf', 'Orangesg', 'Pearsg', 
'Grapesg', 'Bananasg', 'Orangesr', 'Pearsr', 'Grapesr', 'Bananasr', 'Orangese', 'Pearse', 
'Grapese', 'Bananase', 'Orangesw', 'Pearsw', 'Grapesw', 'Bananasw', 'Orangesq', 'Pearsq', 
'Grapesq', 'Bananasq', 'Orangesy', 'Pearsy', 'Grapesy', 'Bananasy', 'Orangesu', 'Pearsu', 
'Grapesu', 'Bananasu', 'Orangesi', 'Pearsi', 'Grapesi', 'Bananasi'] 
} 

當他們到達一定程度上他們開始相互壓制，最終他們迷路了。理想情況下，條形圖的高度會越來越大，而不是這些標籤相互擠壓。

如果我使圖表足夠大以處理所有類別，但感覺應該有一種方法來設置這些標籤上的填充量並且尺寸會動態計算出來，但問題會消失已經通過了整個API，並沒有一個適合我的設置。

Answer 1

沒有根據元素數量動態增加圖表大小的內置方法。

我在大多數情況下處理這個服務器端。我建立了一個「底部高度」來說明頂部和底部邊距。然後我定義一個乘數，設置爲每個元素所需的高度。

然後，我計數我的數據數組，乘以乘數，並添加基數，並將其作爲包含div的圖表高度回顯。

通過在建立數據之後以及在調用圖表之前修改包含元素的高度，您可以很容易地在JavaScript中處理此操作。

工作example：

• http://jsfiddle.net/jlbriggs/9AWsX/