如何防止圖表小小的酒吧Highcharts

Question

http://d.pr/i/U5bb/4n26fLZr

這裏是我們的一個圖表的一個例子。相當不可讀，是啊？有沒有一種簡單，動態的方式避免這種情況？我嘗試過實現一個動態高度，但問題是我永遠無法找到容納較少數量的酒吧和大量酒吧的甜點。我覺得這是其他人以前遇到過的問題。任何幫助，將不勝感激！

Answer 1

我通過執行實現這一點以下：

1）測定非數據元素的高度在圖表上（即，顯式地設置在頂部和底部邊緣，並把它們相加，以得到一個base_height圖表

2）確定我多少空間希望每個條帶，包括棒寬度，和杆之間填充，並且被設置爲我的height_multiplier（I通常最終會20-25像素，親自）

3 ）拉我的數據，確定將需要多少酒吧，並設置爲我的bar_count

4）計算：chart_height = base_height + (bar_count * height_multiplier)

5）傳遞該值到HTML設置圖表的含元件的高度。

如果您的數據變化很大，以至於您的示例中的圖表高度有時會發生變化，但是您擁有的數據點數與您在該處發佈的數據點數量一樣多，那麼根本不會有一個「甜蜜點」來處理兩個極端都很好。