从Google可视化表格中的单元格值更改行颜色

Question

我有一个谷歌可视化表,有一些数字和一些非数字列.我需要一个JavaScript函数,它将根据行中单元格的值更改整个Google可视化行的颜色.

我已经能够使用colorformater更改数值单元格的颜色,但我还需要更改该行剩余单元格的颜色.

Answer 1

嘿,我和你一样遇到了同样的问题,我能够共同回应一下.我确信有更好的方法可以做到这一点,但它对我有用.

使用data.setProperty标记,您可以为正在处理的行的每一列执行此操作.因此,如果您知道行号,我假设您这样做,因为您可以使用colorformater只对一列执行此操作,您可以轻松地执行此操作.

dataTable.setProperty(0, 0, 'style', 'background-color: red;');
dataTable.setProperty(0, 1, 'style', 'background-color: red;');

第一个参数是行索引,因此应保持不变,下一个参数是列索引,因此只需将其循环遍历所有列.然后你应该能够将背景颜色更改为任何CSS样式.

希望有所帮助!