页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

下面以汇总表为例,通过一个简单的示例演示如何添加条件格式。

1、场景描述:希望能直观的看出各省份销售额同比升降情况,效果如下图所示:(现在有BUG,设了不生效)希望能直观地看出各省份销售额相比上一年的升降情况,效果如下图所示:

Image Added

2、使用产品内置Demo资源的“订单模型”作为数据来源,制作如下图所示的汇总表:

...

5、可在表格上查看效果。比如 辽宁省 本期的销售额:36836.4,大于销售额同期值:32513.74,所以标记为绿色的上升图标。(现在有BUG,设了不生效)

Image Added

2.2 编辑条件格式

在组件设置的属性面板中,找到对应的字段,点击,进入到条件格式设置界面,修改配置规则和告警样式效果。

...

(2)为 同期增长率和环比增长率 字段分别添加条件格式,功能入口介绍详见本文的 2.1章节。

(3)同期增长率和环比增长率的条件格式设置是类似的,下面以同期增长率为例对功能进行说明。在条件格式设置弹窗中,条件格式类型为 (3)同期增长率和环比增长率的条件格式设置类似,下面以同期增长率为例对功能进行说明。在条件格式设置弹窗中,条件格式类型为 图标集 ,配置规则以及图标的样式效果,点击 确定 ,设置内容和效果如下图所示:

...

功能设置项说明效果图
选择图标组选择一组内置图标组,系统会根据所选图标组的图标个数自动生成对应数量的条件。

图标位置设置满足条件时,图标显示的位置是相对字段值的左边/右边。

图标设置满足条件时,显示哪个图标。

图标颜色设置满足条件时,图标显示什么颜色。

3.4

...

标记相对日期

1、场景描述:据当前日期高亮显示上周的数据,比如当前日期为2023-06-08,上周即为2023-05-29 ~ 2023-06-04(以汇总表为例),效果如下图所示:

...

(1)本示例中使用到的数据:wiki示例-产品明细数据.xlsx 。

(2)将上述数据导入到数据模型中,并保存该数据模型,功能详见:导入文件数据

...

相对日期类型说明
今天当前系统日期。

昨天

当前系统日期的前一天。
本周当前系统日期所在的这个星期。
上周当前系统日期的上一个星期。
本月当前系统日期所在的这个月。
上月当前系统日期的上一个月。
最近七天包含今天的最近七天。
最近三十天包含今天的最近三十天。
本周到昨天本周的起始天到昨天。
本月到昨天本月1号到昨天。
本季到昨天本季第一个月的1号到昨天。
本年到昨天本年1月1号到昨天。
自定义

自定义相对当前系统日期的日期范围。比如希望告警显示前3个月的数据,则设置起始日期为前3月,截止日期为前1月,如下图所示:

Image Modified

若起始日期或截止日期不勾选,则表示无起始日期或无截止日期,比如希望告警所有上月之前的所有数据,如下图所示:

Image Added


信息

当前系统日期指当前登录用户操作系统的日期。

...

字段类型支持的操作符类型效果图
数值型等于、不等于、大于、大于等于、小于、小于等于、为空、不为空、介于。

效果图以数值型字段为例:



日期型等于、不等于、大于、大于等于、小于、小于等于、为空、不为空、介于、相对日期。
字符串等于、不等于、模糊匹配、不匹配、开头为、结尾为、开头不为、结尾不为、为空、不为空。

等于、不等于、包含、不包含、模糊匹配、不匹配、开头为、结尾为、开头不为、结尾不为、为空、不为空,

其中包含和不包含,能支持选择多个备选值。

4.2 比较值

不同类型的字段设置条件格式,支持填写比较值的形式不一样。


信息

条件格式是以字段真实值做比较。

字段类型支持的操作符类型效果图
数值型

支持在字段选择框中选择字段,或在公式编辑框中输入数值,进行加减乘除四则运算。

  • 字段选择框:字段来源为已选择到指标区、度量值区上的度量字段。
  • 公式编辑框:在公式编辑框中可通过+ - * / 运算符,可以将动态字段和静态值结合起来做计算。如:销售额(同期值)*1.5+50。

日期型

操作符选择 普通操作符 时,比较值框根据当前字段的时间层次类型,显示对应的频度日期控件。

以字段为“年季”时间层次类型为例,比较值显示年季频度日期控件。

操作符选择 相对日期 时,支持根据 当前系统日期 动态计算相对日期,内置常用的相对日期类型包含:今天、昨天、本周、上周、本月、上月、最近七天、最近三十天、本周到昨天、本月到昨天、本季到昨天、本年到昨天、自定义。

以“最近三十天”为例,

当前日期为2023-06-08,设置 最近三十天 ,则表格上将告警2023-05-09 ~ 2023-06-08 的数据。

字符串只支持和当前字段值比较。

4.3 文本组件特殊说明

文本组件详细使用说明可参考 文本组件,本文仅针对文本组件如何使用条件格式进行详细说明。

4.3.1 引用文本组件本身的内容

1、场景描述:对于文本组件上展示的数据,希望使用特殊的颜色和图标来标识数据的变化情况,效果如下图所示:

Image Added

2、操作步骤:

(1)在文本组件上拖拽添加字段,行区:订单年份、发货区域;度量区:销售额、销售额(同期值),如下图所示:

Image Added

(2)设置文本内容,通过鼠标单击数据预览区中的单元格,可直接将单元格中的内容插入到文本内容区中,点击确定,如下图所示:

Image Added

(3)为 销售额 字段添加条件格式,功能入口介绍详见本文的 2.1章节。

(4)在条件格式设置弹窗中,条件格式类型为 文字 ,配置规则以及对应样式效果,设置内容如下图所示:

Image Added

(5)切换条件格式类型为 图标集 ,配置规则以及图标的样式效果,点击 确定 ,设置内容如下图所示:

Image Added

(6)文本组件展示的内容,将根据具体数值显示对应的告警效果。

Image Added

4.3.2 引用其他组件内容

文本组件引用其他组件上的内容时,如果被引用的字段设置了文字颜色或图标集的条件格式时,则该字段上的字段值和条件格式会一起被引用到文本组件上,但单元格背景色条件格式不能被引用。

1、以汇总表为例,汇总表上文字/背景、图标集两种条件格式类型的设置内容及最终展示效果如下:

Image Added

2、添加一个空白的文本组件,设置文本内容,并引用上述步骤1中的组件上的内容。

Image Added

3、文本组件展示的内容,将根据表格动态显示告警效果。

Image Added

4.4 文字条件格式类型

相比 文字/背景 文字 的设置仅少了单元格背景色设置,其他功能都一样。

Image Added

4.5 条件优先级

1、同一个类型的条件格式,如果存在多个条件范围重叠时,样式生效顺序从上到下,即上方的条件效果优先生效。

...