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