首页 > 其他分享 >根据条件显示不同背景色

根据条件显示不同背景色

时间:2024-11-27 19:21:41浏览次数:4  
标签:显示 单元格 背景色 点击 条件 所示 属性

1. 概述

1.1 问题描述

在 FineReport 中制作报表时,经常遇到在满足一定条件下「单元格/行/列」需要显示为不同的背景色,那么该如何实现呢?

1.2 解决思路

可以通过添加「条件属性>背景」来实现。

设置「当前格子/当前行/当前列」的原理一样,本文以「当前格子」和「当前行」为例进行简单讲解。

2. 示例一:当前格子

2.1 准备数据

新建普通报表,新建内置数据集「电商销售占比」,记录各电商不同产品的销量占比:

222

2.2 表格设计

A2 单元格单击右键选择「单元格元素>插入斜线」,输入「电商|产品」,选择「从左上到右下发散」。B2~M2 输入电商名称,将数据列拖入对应单元格 A3~M3,表格样式如下图所示:

222

注:上述表格宽度已超过默认纸张大小宽度,需要在 模板>页面设置 中修改纸张大小使其预览时显示在同一页面上。

2.3 添加条件属性

选中 B3~M3 单元格,新增「背景」类型的条件属性,点击「编辑」自定义一个颜色,然后设置作用于「当前格子」。

然后设置这个条件属性生效的条件:条件类型选择「普通」,值类型选择「双精度型」,用「AND」连接两个条件,如下「大于或等于 0.5 」and「小于 0.7」。

Snag_57def9af.png

依次添加 6 个条件属性,如下表所示:

条件属性条件
条件属性1 大于或等于 0.5 and 小于 0.7
条件属性2 大于或等于 0.3 and 小于 0.5
条件属性3 大于或等于 0.1 and 小于 0.3
条件属性4 大于或等于 0.05 and 小于 0.1
条件属性5 大于 0 and 小于 0.05
条件属性6 等于 0

注:条件属性执行顺序由上到下。

2.4 效果预览

PC 端

保存报表,点击「分页预览」,不同区域段显示不同颜色,可达到与热力图相同的效果。如下图所示:

222

移动端

App 端和 H5 端均支持,效果如下图所示:

 

3. 示例二:当前行

3.1 准备数据

新建普通报表,新建数据库查询 ds1,SQL 查询语句为:SELECT * FROM 销量。

Snag_b348416.png

3.2 表格设计

将所有字段拖入单元格中,添加对应标题,设置 A2 单元格的数据设置为「列表」,如下图所示:

3.3 添加条件属性

选中 A2 单元格,点击右侧「条件属性」,添加条件,属性下拉选择「背景」,点击「编辑」,自定义颜色,设置「当前行」。

条件类型选择「公式」,点击「定义」输入公式:E2 >= 500,即销量大于 500 时,当前行显示为绿色。步骤如下图所示:

Snag_b3d26b8.png

3.4 效果预览

PC 端

保存报表,点击「分页预览」,效果如下图所示:

Snag_b412618.png

 

移动端

App 端和 H5 端均支持,效果如下图所示:

Snag_b425d6f.png

4. 模板下载

已完成模板可参见:

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\根据条件单元格显示不同背景色.cpt

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\根据条件当前行显示不同背景色.cpt

点击下载模板:

根据条件单元格显示不同背景色.cpt

根据条件当前行显示不同背景色.cpt

标签:显示,单元格,背景色,点击,条件,所示,属性
From: https://www.cnblogs.com/lgx5/p/18572935

相关文章

  • 隔行/列设置背景色
    1.概述编辑1.1问题描述通过根据条件显示不同背景色可以实现满足某条件时,改变行/列的背景色,那么如果表格的行与行之间需要显示为不同的颜色,该如何实现呢?1.2解决思路通过在「条件属性>背景」中使用公式row()获取行号(公式col()获取列号),再通过计算实现。2.示例一:隔......
  • 回收站打开不显示?甚至黑屏!
    目录前言:运用工具:CCleaner下载链接具体使用:方法一:CCleaner“轻松清理”方法二:清理系统中的回收站方法三:添加CCleaner功能到快捷菜单前言:不知道大家有没有这种体验,我上午误删了几份文件,想去回收站恢复回来,结果回收站找了半天,不显示文件,我刚刚想清理一下,直接黑屏了(那......
  • zabbix搭建完,web端显示“zabbix服务器端运行中 不”
    abbix搭建完,web端显示“zabbix服务器端运行中不”如下图:但是查看服务器的状态是running然后查日志/var/log/zabbix/zabbix-server.log问过度娘之后,发现需要修改/etc/zabbix/zabbix_server.conf文件,在其中添加:DBSocket=/usr/local/mysql/mysql.sock然后重启还是不行,继续百度之......
  • 解析→搭建软件需要什么环境条件
    一、硬件环境计算机硬件:计算机硬件是软件开发的基础,包括CPU、内存、硬盘等。对于软件开发来说,推荐使用四核或以上的CPU,至少8GB的内存,以及读写速度较快的SSD硬盘。这样的配置可以流畅地运行开发工具和测试软件,提高开发效率。其他设备:如路由器、交换机等网络设备,为软件开发提供......
  • GaussDB SQL基础语法示例-常见的条件表达式
    一、前言SQL是用于访问和处理数据库的标准计算机语言。GaussDB支持SQL标准(默认支持SQL2、SQL3和SQL4的主要特性)。本系列将以《云数据库GaussDB—SQL参考》为主线进行介绍。二、条件表达式的概念及GaussDB中的常见条件表达式条件表达式是指在数据库中进行SQL语句查询时,根据特定......
  • flex布局下,内容使用truncate不显示省略号的问题
    <divclass="flexitems-center"><divclass="w-10h-10mr-4">头像</div><divclass="flex-1"><divclass="text-lg">姓名</div><divclass="truncate">内容内容内容内容内......
  • 芯片基础详解:总线、256字节随机存储器、模式选择器(指令解码器)、条件判断器
    总线总线:从正确的输入端将数值复制到正确的输出端。总线电路------------------------------------------------------------------------------------------256字节随机存储器256字节随机存储器电路---------------------------------------------------------------......
  • 05-02-04 满足特定条件的4位数
    任务描述一个四位正整数,满足如下条件:由数字1到数字9组成;各位数字都不相同;从左至右数字降序排列;并且相邻的两个数字前一个不能是后一个的倍数;并且这4位数字不能都是奇数,也不能都是偶数。编程输入两个4位整数a和b,输出区间[a,b]之间符合上述条件的所有数。输入样例:5000......
  • 网络药理学之薛定谔Schrödinge Maestro:2、基础使用(导入大分子蛋白、更改配体样式、相
    本人是win11,薛定谔版本是12.9。官网:https://www.schrodinger.com/本篇文章的示例大分子蛋白PDBID为4KNN,小分子配体的MOLID为MOL004004。打开软件,最原始的界面如下:我个人将其分为几个板块,由上到下由左到右分别是:常见软件导航栏,包括基础的导入导出文件,操作撤回等。......
  • AI绘画Stable Diffusion教程|SD Comfyui必备流程节点教程菜鸟轻松成高手云端部署 第二
    大家好,这次又来给大家更新SDcomfyui的节点教程了。昨天我们讲解了Comfyui加载器节点的教程,那今天讲的就是另一个比较基础的节点,条件节点。所谓的条件节点最直观的应该就是在文生图工作流中不可或缺的正面提示词和负面提示词,这两个就是最直白的条件节点。条件节点的放入位置一......