版本9 怎么给表格的某一列根据不同的值设置不同的背景色

Clark.Pan

一个表格的某一列数据，根据不一样的单元格的值设置不一样的背景色。比如value<100,背景色为红色，100<value<200,背景色为蓝色，value>200,背景色为黄色。这种要怎么设置呢

Clark.Pan · Clark.Pan

参考下面代码的设置，用-1代表整行或整列进行设置

var spread = new GcSpread.Sheets.Spread(document.getElementById('ss'), { sheetCount: 1 });
var sheet = spread.getActiveSheet();
var style = new GcSpread.Sheets.Style();
style.backColor = "green";
var style1 = new GcSpread.Sheets.Style();
style1.backColor = "yellow";
var style2 = new GcSpread.Sheets.Style();
style2.backColor = "red";
sheet.getConditionalFormats().addCellValueRule(GcSpread.Sheets.ComparisonOperator.Between, 0, 60, style, [new GcSpread.Sheets.Range(-1,0,-1,1)]);
sheet.getConditionalFormats().addCellValueRule(GcSpread.Sheets.ComparisonOperator.Between, 60, 80, style1, [new GcSpread.Sheets.Range(-1,0,-1,1)]);
sheet.getConditionalFormats().addCellValueRule(GcSpread.Sheets.ComparisonOperator.GreaterThan, 80, null, style2, [new GcSpread.Sheets.Range(-1,0,-1,1)]);

复制代码

Clark.Pan · Clark.Pan

您好，可以用条件格式的功能来实现，条件格式中有3色阶的格式，参考API:
http://help.grapecity.com/spread ... ~add3ScaleRule.html

梅梅梅梅 · 梅梅梅梅

Clark.Pan 发表于 2022-7-18 18:50
您好，可以用条件格式的功能来实现，条件格式中有3色阶的格式，参考API:
http://help.grapecity.com/sprea ...

如果有多种的条件，多余三种的情况，这种情况怎么处理呢？

梅梅梅梅 · 梅梅梅梅

Clark.Pan 发表于 2022-7-18 18:50
您好，可以用条件格式的功能来实现，条件格式中有3色阶的格式，参考API:
http://help.grapecity.com/sprea ...

value = instance.add3ScaleRule(minType, minValue,minColor,midType,midValue,midColor,maxType,maxValue,maxColor,ranges);
minType,midType,maxType，代表的是基准类型，这个基准类型具体是什么？

ann · ann

您好：看下下图的实现满足您的需求不
https://demo.grapecity.com.cn/sp ... ml#addCellValueRule

梅梅梅梅 · 梅梅梅梅

ann 发表于 2022-7-19 16:56
您好：看下下图的实现满足您的需求不
https://demo.grapecity.com.cn/spreadjs/help/api/GC.Spread.Sheets ...

这个不符合，我这conditionalFormats是underfined

ann · ann

您好：这样去获取呢 activeSheet.getConditionalFormats(）可以拿到值不

梅梅梅梅 · 梅梅梅梅

ann 发表于 2022-7-19 17:18
您好：这样去获取呢 activeSheet.getConditionalFormats(）可以拿到值不

这样可以，我想问一下value = instance.add3ScaleRule(minType, minValue,minColor,midType,midValue,midColor,maxType,maxValue,maxColor,ranges);
minType,midType,maxType，代表的是比例类型，这个比例类型具体是什么？

ann · ann

add3ScaleRule这个和Excel中的逻辑是保持一致的，这个是我百度到的资料，您可可以再找下Excel对应的“三色刻度”条件格式的资料再了解下。
百度链接：https://jingyan.baidu.com/article/e75aca852240ab142edac6fd.html
三色刻度这种实现是让一定范围的数据在三个颜色之间渐变，如果您需要的是固定的颜色，您可以通过把conditionalFormats替换为getConditionalFormats 再试试上面的demo

		自动登录	找回密码
密码			立即注册

[已处理] 版本9 怎么给表格的某一列根据不同的值设置不同的背景色

最佳答案

17 个回复

本帖子中包含更多资源

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄