css - 摆脱 Google Visualization 表格中列标题的颜色渐变

Question

当我使用显示的事件监听器方法修改列标题颜色时 here ，我得到一个默认渐变。链接的代码片段示例也在第二列中显示了默认渐变。当颜色由事件监听器生成时，我将如何摆脱渐变？

Answer 1

您可以使用 background 而不是 backgroundColor。

看下面的例子...

google.charts.load('current', {
  callback: function () {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Department');
    data.addColumn('number', 'Revenues');
    data.addRows([
      ['Shoes', 10700],
      ['Sports', -15400],
      ['Toys', 12500],
      ['Electronics', -2100],
      ['Food', 22600],
      ['Art', 1100],
      ['Web', 9999]
    ]);

    var container = document.getElementById('table_div');
    var table = new google.visualization.Table(container);
    google.visualization.events.addListener(table, 'ready', function () {
      container.getElementsByTagName('TR')[0].cells[1].style.background = 'magenta';
    });

    table.draw(data, {
      allowHtml: true
    });
  },
  packages: ['table']
});

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