如何将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/