找回密码
 立即注册

QQ登录

只需一步,快速开始

爱迪生

超级版主

55

主题

65

帖子

1388

积分

超级版主

Rank: 8Rank: 8

积分
1388
爱迪生
超级版主   /  发表于:2022-1-18 20:43  /   查看:2601  /  回复:2
本帖最后由 爱迪生 于 2022-1-18 20:45 编辑

一.Excel在自定义单元格时,可以使用[颜色N]对单元格前景色进行快速设置,例如: image.png896250610.png
颜色对照表如下:
image.png181878356.png
二.在SpreadJS中, 同样支持通过[Color ##]去完成单元格格式自定义:
1.基本应用:
代码如下:
  1. let designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("gc-designer-container"), config);
  2.                         let spread = designer.getWorkbook();
  3.                         let activeSheet = spread.getActiveSheet()
  4.                         activeSheet.getCell(0, 0).value(123.456);
  5.                         activeSheet.getCell(0, 0).formatter("[color3]0.0");
复制代码
查看显示效果:
image.png312879332.png
2.用户可以根据条件设置颜色以清晰显示数据,
代码如下:
  1. let activeSheet = spread.getActiveSheet()
  2.                         activeSheet.getRange(2, 2, 1, 6).formatter("[color44][<300]0.0;[color3][>400]0.0;[color45]0.0")
  3.                         activeSheet.getCell(2, 2).value(100);
  4.                         activeSheet.getCell(2, 3).value(200);
  5.                         activeSheet.getCell(2, 4).value(300);
  6.                         activeSheet.getCell(2, 5).value(400);
  7.                         activeSheet.getCell(2, 6).value(500);
  8.                         activeSheet.getCell(2, 7).value(600);
复制代码
显示效果:
image.png423335875.png
颜色对照表和Excel一致:
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


2 个回复

倒序浏览
zxx
初级会员   /  发表于:2022-2-16 14:56:06
沙发
image.png563732909.png image.png405027160.png
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2022-2-16 15:30:46
板凳
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部