如何将Google可视化中的条形图格式居中?

问题描述:

这是this question的延续,我问了如何将Google Visualization API中的一个数字(即文本返回)居中。我遇到的新问题是我想要显示特定数据段的进度条,并且我想将它们居中。我正在使用Bar Format。但是,我的CSS似乎不工作。我知道我应该可以将CSS应用于指定元素中的特定标签(或者我相信我可以)。如何将Google可视化中的条形图格式居中?

这是当前网站的图片: Current Site

我相信,如果我可以删除float: left;从谷歌的过程中继承并添加margin: 0 auto;这将所有的工作。 Here is a JSFiddle of my work so far.

是的,删除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/