...
下面以汇总表为例,通过一个简单的示例演示如何添加条件格式。
1、场景描述:希望能直观的看出各省份销售额同比升降情况,效果如下图所示:(现在有BUG,设了不生效)希望能直观地看出各省份销售额相比上一年的升降情况,效果如下图所示:
2、使用产品内置Demo资源的“订单模型”作为数据来源,制作如下图所示的汇总表:
...
5、可在表格上查看效果。比如 辽宁省 本期的销售额:36836.4,大于销售额同期值:32513.74,所以标记为绿色的上升图标。(现在有BUG,设了不生效)
2.2 编辑条件格式
在组件设置的属性面板中,找到对应的字段,点击,进入到条件格式设置界面,修改配置规则和告警样式效果。
...
(1)本示例中使用到的数据:wiki示例-产品明细数据.xlsx 。
(2)将上述数据导入到数据模型中,并保存该数据模型,功能详见:导入文件数据 。
...
相对日期类型 | 说明 |
---|---|
今天 | 当前系统日期。 |
昨天 | 当前系统日期的前一天。 |
本周 | 当前系统日期所在的这个星期。 |
上周 | 当前系统日期的上一个星期。 |
本月 | 当前系统日期所在的这个月。 |
上月 | 当前系统日期的上一个月。 |
最近七天 | 包含今天的最近七天。 |
最近三十天 | 包含今天的最近三十天。 |
本周到昨天 | 本周的起始天到昨天。 |
本月到昨天 | 本月1号到昨天。 |
本季到昨天 | 本季第一个月的1号到昨天。 |
本年到昨天 | 本年1月1号到昨天。 |
自定义 | 自定义相对当前系统日期的日期范围。比如希望告警显示前3个月的数据,则设置起始日期为前3月,截止日期为前1月,如下图所示: 若起始日期或截止日期不勾选,则表示无起始日期或无截止日期,比如希望告警所有上月之前的所有数据,如下图所示: |
信息 |
---|
当前系统日期指当前登录用户操作系统的日期。 |
...
字段类型 | 支持的操作符类型 | 效果图 |
---|---|---|
数值型 | 等于、不等于、大于、大于等于、小于、小于等于、为空、不为空、介于。 | 效果图以数值型字段为例: |
日期型 | 等于、不等于、大于、大于等于、小于、小于等于、为空、不为空、介于、相对日期。 | |
字符串 | 等于、不等于、包含、不包含、模糊匹配、不匹配、开头为、结尾为、开头不为、结尾不为、为空、不为空, 等于、不等于、模糊匹配、不匹配、开头为、结尾为、开头不为、结尾不为、为空、不为空。其中包含和不包含,能支持选择多个备选值。 |
4.2 比较值
为不同类型的字段设置条件格式,支持填写比较值的形式不一样。
信息 |
---|
条件格式是以字段真实值做比较。 |
字段类型 | 支持的操作符类型 | 效果图 |
---|---|---|
数值型 | 支持在字段选择框中选择字段,或在公式编辑框中输入数值,进行加减乘除四则运算。
| |
日期型 | 操作符选择 普通操作符 时,比较值框根据当前字段的时间层次类型,显示对应的频度日期控件。 | 以字段为“年季”时间层次类型为例,比较值显示年季频度日期控件。 |
操作符选择 相对日期 时,支持根据 当前系统日期 动态计算相对日期,内置常用的相对日期类型包含:今天、昨天、本周、上周、本月、上月、最近七天、最近三十天、本周到昨天、本月到昨天、本季到昨天、本年到昨天、自定义。 | 以“最近三十天”为例, 当前日期为2023-06-08,设置 最近三十天 ,则表格上将告警2023-05-09 ~ 2023-06-08 的数据。 | |
字符串 | 只支持和当前字段值比较。 |
4.3 文本组件特殊说明
文本组件详细使用说明可参考 文本组件,本文仅针对文本组件如何使用条件格式进行详细说明。
4.3.1 引用文本组件本身的内容
1、场景描述:对于文本组件上展示的数据,希望使用特殊的颜色和图标来标识数据的变化情况,效果如下图所示:
...
(6)文本组件展示的内容,将根据具体数值显示对应的告警效果。
4.3.2 引用其他组件内容
文本组件引用其他组件上的内容时,如果被引用的字段设置了文字颜色或图标集的条件格式时,则该字段上的字段值和条件格式会一起被引用到文本组件上,单元格背景色条件格式不能被引用。文本组件引用其他组件上的内容时,如果被引用的字段设置了文字颜色或图标集的条件格式时,则该字段上的字段值和条件格式会一起被引用到文本组件上,但单元格背景色条件格式不能被引用。
1、以汇总表为例,汇总表上文字/背景、图标集两种条件格式类型的设置内容及最终展示效果如下:
...
3、文本组件展示的内容,将根据表格动态显示告警效果。(有BUG,设置不生效)
4.4 文字条件格式类型
相比 文字/背景 ,文字 的设置仅少了单元格背景色设置,其他功能都一样。
4.5 条件优先级
1、同一个类型的条件格式,如果存在多个条件范围重叠时,样式生效顺序从上到下,即上方的条件效果优先生效。
...