charts - 如何在动态的谷歌图表表中居中数据

Question

我正在使用谷歌图表中的表格。表格中的所有数据都是右对齐的。我需要将文本居中对齐。我正在动态构建表格，因此无法应用设置单元格方法:

 data.setCell(1, 1, 25000, '$25,000', {'className': 'bold-font center-text'});

我想应用类名而不应用 25000 和 $25000 值。像这样的东西:
data.setCell(1, 1, '', '', {'className': 'bold-font center-text'});

我也不想只将其应用于第一个单元格，而是整个表格。

总而言之，如何将表格中的所有文本居中？

Answer 1

添加自定义CSS

将此代码添加到您的页面

<style>
.google-visualization-table-td {
text-align: center !important;
}
</style>

“!important”对于覆盖 google 的数字/文本的左/右对齐是必要的。