Javascript 如何使用图表包装器函数有条件地格式化Google可视化表格单元格？

我是谷歌可视化Api的新手，希望有人能帮助我有条件地格式化谷歌可视化表中单元格的颜色。我已经能够更改不同列显示的数字格式，但在颜色格式方面没有这样的运气。我正在使用arrayToDataTable和chartwrapper函数来显示我从电子表格中查询的一些数据

我是否需要更改colorFormat变量或chartwrapper函数，以避免不接受格式设置？提前谢谢你

功能仪表板（响应）{
$（“#主标题”）.addClass（“隐藏”）；
如果（响应==null）{
警报（'错误：源数据无效'）
返回；
}否则{
//将电子表格内容（数组）转换为数据表对象
var responseObjects=JSON.parse（response）；
console.log（响应对象）；
var testData=[]；
对于（变量i=1；i}

看起来您正在正确使用格式化程序
但是参数有点偏离

---

在表选项中还需要

allowtml:true

请参见以下使用链接电子表格的示例

google.charts.load（'current'{
回调：函数（）{
var query=new google.visualization.query(
'https://docs.google.com/spreadsheets/d/1TBTX_OmNUiq_J0uXEstkxeD6mtImi7BAPWKDBAQIiFA/edit#gid=0'
);
query.setQuery（“选择*”）；
查询.发送（drawDashboard）；
},
包：['controls'，'table']
});
功能面板（响应）{
if（response.isError（））{
log（'查询中的错误：'+response.getMessage（）+''+response.getDetailedMessage（））；
返回；
}
var data=response.getDataTable（）；
var dashboard=newgoogle.visualization.dashboard（document.getElementById（'dashboard-div'））；
var percentFormatter=new google.visualization.NumberFormat({
图案：“#，####.##%”
});
percentFormatter.format（数据，1）；
percentFormatter.format（数据，3）；
var numberFormatter=new google.visualization.NumberFormat({
图案：“#.##”
});
格式（数据，7）；
格式（数据，8）；
var colorFormatter=new google.visualization.ColorFormat（）；
addRange（-20000,0，'白色'，'橙色'）；
addRange（20000，null，'red'，'#33ff33'）；
colorFormatter.format（数据，8）；
格式（数据，9）；
colorFormatter.format（数据，10）；
格式（数据，11）；
var table=new google.visualization.ChartWrapper({
chartType:'表'，
containerId:'表分区'，
选项：{
allowHtml：是的
}
});
var donutSlider=new google.visualization.ControlWrapper({
controlType:'DateRangeFilter'，
containerId:“滑块div”，
选项：{
filterColumnLabel:“日期”
}
});
dashboard.bind（donutSlider，[table]）；
仪表盘.绘图（数据）；
}

希望这有帮助，这是一个工作示例，以及其他添加颜色格式的选项…感谢您的快速响应！当我调整单元格的值时，仍然没有得到任何颜色格式。即使在粘贴来自链接文档的示例时，背景和文本仍保持默认值。是一个不带颜色显示表格的web应用程序。使用：formatter.addRange（-20000，0，'white'，'orange'）；addRange（20000，null，'red'，'#33ff33'）；格式（数据，8）；格式（数据，9）；格式（数据，10）；还需要

allowtml:true

在表格选项中，请参阅使用链接电子表格编辑…太棒了！这非常有效。非常感谢你的帮助。