如何将 Google Visualization 中的条形格式居中？答案

【问题标题】：How do I center a Bar Format from Google Visualization?如何将 Google Visualization 中的条形格式居中？
【发布时间】：2014-11-05 14:27:13
【问题描述】：

这是this question 的延续，我在其中询问如何将Google Visualization API 中的数字（即文本返回）居中。我遇到的新问题是我想显示特定数据的进度条，并且我想将它们居中。我正在使用Bar Format。但是，我的 CSS 似乎不起作用。我知道我应该能够将 CSS 应用于命名元素中的特定标签（或者我相信我可以）。

这是当前站点的图片：

我相信如果我可以删除从谷歌进程继承的float: left; 并添加margin: 0 auto;，这一切都会奏效。 Here is a JSFiddle of my work so far.

【问题讨论】：

标签： html css google-visualization

【解决方案1】：

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

关于您的问题How do I center numbers in a table from Google Visualization API?，解决方案很简单，如其回答者之一所述。

你需要为td里面的span标签覆盖API继承的css。

span{
    float:none !important;
}

这是它的小提琴：http://jsfiddle.net/a8e3re72/5/

【讨论】：