google-visualization - 从谷歌可视化表中的单元格值更改行颜色

标签 google-visualization

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

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

最佳答案

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

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

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

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

希望有帮助!

关于google-visualization - 从谷歌可视化表中的单元格值更改行颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12430756/

相关文章:

javascript - Uncaught ReferenceError : vR is not defined

javascript - 如何在 Google Chart Tools 中连接两点 - 散点图

google-visualization - Google Charts - 更改轴标题方向

javascript - 根据单元格值对表格单元格进行颜色缩放

javascript - 在 Polymer 回调函数中访问 div

javascript - 在页面上创建多个 google.visualization 图表

java - 将 json 插入谷歌电子表格

javascript - 如何按行标题(类别)而不是第一列过滤 Google 可视化图表

php - 使用 ajax 响应作为函数的参数

google-visualization - Google Chat 上用十字代替圆圈