web 报表轻松实现数据异常预警功能
【摘要】
在 web 页面一堆数据中查找异常数据,是多么痛苦的一件事情呀,眼晕、头大的你急需一剂速效药:web 报表轻松实现数据异常预警功能教你一招锁定异常数据
在业务系统中,经常会看到这样的数据显示需求:一些特殊数据有规定的标准范围,超出标准范围的数据我们要标红预警显示,告知客户此数据有异常,也就是我们说的数据预警,效果如下图所示,红色显示了当运货费大于 100 时的预警。这种效果更加清晰的显示了异常数据,有助于用户对异常数据进行分析判断。
如果不用报表工具,我们通常需要自己花点时间改页面样式,而通过报表工具我们就可以分分钟实现数据预警效果了。
小老师这次教给大家一个简便方法实现上图效果,现在开始上课,谁的小眼睛还没看老师。
小老师使用的道具是:润乾报表(敲黑板),注意紧跟老师节奏。
首先,我们制作一个列表式报表,如下图所示:
其中,
A2 单元格使用 select 函数实现清单数据获取
B2 之后单元格使用取值方法
【实用小技巧】:
清单式报表如果不带参数,同时 sql 比较简单,我们可以直接使用向导制作,使用“文件”—“新建报表”菜单功能,根据提示进行傻瓜式操作;
如果 sql 相对比较复杂或者带有参数等配置,那么可以新建一个空白报表,然后使用设计器右下角的“数据集”配置功能,拖拉字段到报表单元格,自动生成取数表达式。
一个简单的清单式报表就制作完成了,我们预览看下展现结果:
然后,我们来实现数据预警的效果。
蹬蹬蹬 ~ 重点来了。选中我们要设置数据预警的单元格(此例中对应 E2),在右侧单元格属性中依次找到:“显示”—“前景色”,配置前景色表达式,如下图所示:
其中,
value() 为自带单元格函数,实现获取当前单元格的值。
此例中实现的是当运货费大于 100 时预警显示,根据是否满足该条件设置不同的前景色,从而实现数据预警效果。
Duang~ 完美搞定!
【实用小技巧】
颜色的输入我们使用对话框中的“颜色输入”下拉按钮进行常用颜色的选择;
也可以双击前面的颜色,在弹出的对话框中对所有颜色进行选择配置,支持常用的颜色配置方法,如下图所示:
最后,我们来回顾一下其中遇到的问题和解决的技巧:
【问题】数据预警
【技巧】使用前景色表达式配置。当然,聪明的小伙伴应该不难想到怎样用背景色来显示预警效果了吧。
这样,至此,数据预警效果完美 ending,我们仅仅使用了润乾报表的前景色设置就实现了效果,这一波操作 6 不 6?come on~ 润乾报表等你来 pick~
更多前端效果类问题请查看:前端效果问题分类导航
用这个 if 可以成功判断一种情况,那么如果多种情况怎么判断呢,比如 值为 1 时 A 颜色 2 时 B 颜色 3 时 C 颜色
背景色可以写表达式进行动态判断设置,例如 if(条件 1, 颜色 1, 条件 2, 颜色 2, 颜色三)
👍