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

时间:2012-09-14 19:23:29

标签: google-visualization

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

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

2 个答案:

答案 0 :(得分:7)

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

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

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

第一个参数是行索引,因此应该保持不变,下一个参数是列索引,所以只需在所有列中循环它。然后你应该能够将背景颜色更改为任何css样式。

希望有所帮助!

答案 1 :(得分:-2)

您应该设置数据表allowHtml=true