Google Charts條形圖的最后一個值標簽截止

Question

我試圖尋找解決此問題的方法，但找不到與haxis標簽有關的解決方案...

在下面的圖片中，您會注意到軸上的最后一個百分比標簽沒有顯示。 我不確定是什么問題。 我試圖弄亂chartArea寬度和左值，但這似乎沒有用。 我還確保包含的div足夠寬，因此不會切斷'100％'標簽。

有任何想法嗎？

在此處輸入圖片說明

使用jsFiddle更新

<body bgcolor = "black">

    <div id="chart_language_div"></div>

    <div id="chart_api_div"></div>

    <div id="chart_software_div"></div>
</body>

從我的div聲明中可以看到，示例中沒有任何包含div的文件，問題仍然存在。

Answer 1

這是您的問題代碼

chartArea: {left: 140, width:'80%', height:'70%'},

這是一個解決方案

chartArea: {left: 140, width: 420, height:'70%'},

基本上，您對未創建標簽是正確的。 看起來Google在制作標簽之前正在檢查圖表寬度，因此Google圖表從未創建標簽，而不是瀏覽器剪切標簽。

因此，如果包含的div為580，左屬性為140，圖表寬度為80％（464px），那么您就溢出了。 數學為464 + 140 = 604，大於您的包含元素的寬度（580）。 將寬度設置為平坦的420可讓您獲得120 + 420 = 560，在右側的標簽上留20px。

我建議不要混合百分比和固定寬度（這對於我處理過的每個布局引擎都適用）。 具有一定的高度和固定的寬度是可以的。

Jsfiddle： http : //jsfiddle.net/sbo2ggp3/4/

Google Charts條形圖的最后一個值標簽截止

問題描述

1 個解決方案

解決方案1
1 已采納 2014-08-25 20:12:59

Google Charts條形圖的最后一個值標簽截止

問題描述

1 個解決方案

解決方案1 1 已采納 2014-08-25 20:12:59

解決方案1
1 已采納 2014-08-25 20:12:59