使用图表选项将谷歌表格图表列标题、值与同一侧对齐

Question

在谷歌表格图表中，我想将图表列标题和值对齐到同一侧，都在右/中/左。有没有办法只使用图表选项来实现这一点。请帮忙

Answer 1

你可以使用配置选项 --> cssClassNames

为 --> headerCell 定义一个类

cssClassNames: {
  headerCell: 'customHeader'
}

然后将css添加到页面以对齐单元格...

.customHeader {
  text-align: center;
}

请参阅以下工作 sn-p...

google.charts.load('current', {
  packages: ['table']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Name');
  data.addColumn('number', 'Salary');
  data.addColumn('boolean', 'Full Time Employee');
  data.addRows([
    ['Mike',  {v: 10000, f: '$10,000'}, true],
    ['Jim',   {v:8000,   f: '$8,000'},  false],
    ['Alice', {v: 12500, f: '$12,500'}, true],
    ['Bob',   {v: 7000,  f: '$7,000'},  true]
  ]);

  var table = new google.visualization.Table(document.getElementById('chart_div'));
  table.draw(data, {
    cssClassNames: {
      headerCell: 'customHeader'
    }
  })
});

.customHeader {
  text-align: center;
}

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>