Javascript 对行而不是列使用Google Visualization Formatter

Google Visualization的格式化程序可以在特定列上调用，但不能在特定行上调用

我想按行对代码进行颜色编码，其中每行的每个条目都要满足特定的条件。我怎样才能做到这一点

调用formatter.format（table，colIndex），传入DataTable和要重新格式化的数据的>（从零开始）列号

---

连同此答案中的选项，
,

您可以在数据表单元格上设置属性。
表格图表将接受

样式

和

类名

---

使用对象表示法加载数据时，请使用

p:

键设置属性

{v: 'Web', f: null, p: {style: 'background-color: cyan;'}}

其中

v:

=值，

f:

=格式化值，&

p:

=单元格属性

---

要在加载数据后设置属性，
您可以使用以下任何方法

1）

setCell（行索引、列索引、值、格式化值、属性）

当使用

setCell

时，properties是第五个参数，传递一个包含要设置的属性的对象，例如

data.setCell(0, 0, 'Shoes', null, {style: 'background-color: yellow;'});

data.setProperty(1, 0, 'style', 'background-color: lime;');

data.setProperties(2, 1, {style: 'background-color: magenta;'});

2）

setProperty（行索引、列索引、名称、值）

使用

setProperty

时，传递要设置的属性的名称和值，例如

data.setCell(0, 0, 'Shoes', null, {style: 'background-color: yellow;'});

data.setProperty(1, 0, 'style', 'background-color: lime;');

data.setProperties(2, 1, {style: 'background-color: magenta;'});

3）

setProperties（行索引、列索引、属性）

使用

setProperties

时，传递具有要设置的属性的对象，例如

data.setCell(0, 0, 'Shoes', null, {style: 'background-color: yellow;'});

data.setProperty(1, 0, 'style', 'background-color: lime;');

data.setProperties(2, 1, {style: 'background-color: magenta;'});

---

有关示例，请参见以下工作代码段

google.charts.load（'current'{
套餐：[“表”]
}).然后（函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Department'）；
data.addColumn（“数字”、“收入”）；
data.addRows([
[Shoes'，10700]，
[‘体育’，-15400]，
[Toys'，12500]，
[‘电子学’，-2100]，
[“食物”，22600]，
[“第1100条]，
[
//添加样式属性
{v:'Web'，p:{style:'背景色：青色；'}}，
{v:9999，p:{style:'背景色：青色；'}}
]
]);
//使用setCell（行索引、列索引[、值[、格式化值[、属性]]）
setCell（0,0，'Shoes'，null，{style:'背景色：黄色；'}）；
//使用setProperty（行索引、列索引、名称、值）
setProperty（1,0，'style'，'backgroundcolor:lime；'）；
//使用setProperties（行索引、列索引、属性）
setProperties（2，1，{style:'背景色：洋红色；'}）；
//使用css类名而不是样式
setProperty（3,0，'className'，'customCell'）；
var container=document.getElementById（'table_div'）；
var table=新的google.visualization.table（容器）；
表.绘制（数据、{
allowHtml：是的
});
});
.customCell{
颜色：红色；
字体大小：粗体；
文字装饰：下划线；
}

检查此答案-->您好，谢谢您的评论。似乎对我来说最好的选择是在使用for循环填充数据时手动将单元格包装到div中。但对于那个青色的例子，单元格周围有一个不需要的边框，我不知道如何避免。或者，我正在尝试用setcell实现相同的结果，有什么想法吗？谢谢，使用对象符号p属性正是我所需要的。我可以在行生成期间手动运行所有单元格，并根据是否满足某些条件为p应用不同的值。