如何將Google可視化中的條形圖格式居中？

Question

這是this question的延續，我問了如何將Google Visualization API中的一個數字（即文本返回）居中。我遇到的新問題是我想要顯示特定數據段的進度條，並且我想將它們居中。我正在使用Bar Format。但是，我的CSS似乎不工作。我知道我應該可以將CSS應用於指定元素中的特定標籤（或者我相信我可以）。

這是當前網站的圖片：

我相信，如果我可以刪除float: left;從谷歌的過程中繼承並添加margin: 0 auto;這將所有的工作。 Here is a JSFiddle of my work so far.

Answer 1

是的，刪除float:left;效果很好。

參照您的問題How do I center numbers in a table from Google Visualization API?，解決方案很簡單，如其中的一個解釋。

你需要覆蓋由API爲TD內跨度標籤繼承了CSS。

span{ 
    float:none !important; 
} 

這裏的搗鼓它：http://jsfiddle.net/a8e3re72/5/