在Google可视化表中更改单元格的行颜色
我有一个谷歌可视化表,有一些数字和一些非数字列。 我需要一个JavaScript函数,根据行中单元格的值来改变整个Google可视化行的颜色。
我已经能够使用颜色转换器来改变数值单元格的颜色,但是我还需要改变该行的其余单元格的颜色。
嘿,我刚刚遇到了同样的问题,因此我能够共同回复。 我确信有更好的方法来做到这一点,但它对我有用。
使用data.setProperty
标签,你可以为你正在使用的行的每一列做到这一点。 所以如果你知道行号,我假设你这样做了,因为你可以使用颜色制作工具来做一列,你可以很容易地做到这一点。
dataTable.setProperty(0, 0, 'style', 'background-color: red;');
dataTable.setProperty(0, 1, 'style', 'background-color: red;');
第一个参数是行索引,所以应该保持不变,而下一个参数是列索引,所以只需循环遍历所有列。 然后,你应该能够将背景颜色更改为任何CSS样式。
希望有所帮助!
你应该设置datatable的allowHtml=true
。
上一篇: Change row color from cell value in google visualization table