登录/注册

首页 › SpreadJS & GcExcel专区 › 产品动态 › 查看内容

55 主题	65 帖子	1384 积分

Rank: 8 Rank: 8

积分: 1384

1978
金币
55
主题
65
帖子

最新发帖

SpreadJSV15.0新特新解密-工作表-单元格格式支持[ColorXXX]

爱迪生
超级版主 / 发表于：2022-1-18 20:43 / 查看：2582 / 回复：2

本帖最后由爱迪生于 2022-1-18 20:45 编辑

一.Excel在自定义单元格时，可以使用[颜色N]对单元格前景色进行快速设置，例如: image.png896250610.png

image.png896250610.png

颜色对照表如下：

image.png181878356.png

二.在SpreadJS中，同样支持通过[Color ##]去完成单元格格式自定义:
1.基本应用：
代码如下：

let designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("gc-designer-container"), config);
let spread = designer.getWorkbook();
let activeSheet = spread.getActiveSheet()
activeSheet.getCell(0, 0).value(123.456);
activeSheet.getCell(0, 0).formatter("[color3]0.0");

复制代码

查看显示效果：

image.png312879332.png

2.用户可以根据条件设置颜色以清晰显示数据，
代码如下：

let activeSheet = spread.getActiveSheet()
activeSheet.getRange(2, 2, 1, 6).formatter("[color44][<300]0.0;[color3][>400]0.0;[color45]0.0")
activeSheet.getCell(2, 2).value(100);
activeSheet.getCell(2, 3).value(200);
activeSheet.getCell(2, 4).value(300);
activeSheet.getCell(2, 5).value(400);
activeSheet.getCell(2, 6).value(500);
activeSheet.getCell(2, 7).value(600);

复制代码

显示效果：

image.png423335875.png

颜色对照表和Excel一致：
image.png238375548.png

image.png238375548.png

三.对于某些特殊情况的处理策略如下：
1.特别案例
无效值将被忽略。
2.空白字符

'col or 3'：这是一个无效值。

'color 3'：颜色3，无论'color'和索引中有多少个空白字符，它都是有效值。

'color 4 5'：是颜色 4。

3.特殊字符
'color 4.8'：是颜色 4。
'color 8a'：是颜色 8。
4.主题
更改主题时没有影响。
5.与公式一起使用
带有颜色索引的公式在 Excel 中没有颜色效果：
image.png572071532.png

image.png572071532.png

收藏

回复

2 个回复

倒序浏览

zxx
初级会员 / 发表于：2022-2-16 14:56:06 沙发

image.png563732909.png

image.png405027160.png

回复 使用道具举报

Derrick.Jiao
论坛元老 / 发表于：2022-2-16 15:30:46 板凳

zxx 发表于 2022-2-16 14:56

回复 使用道具举报