Oracle Apex 仪表盘卡片外盒及关联文本条件改色咨询

Oracle Apex卡片条件改色实现方案
方案1:卡片盒子本体条件改色(优先实现)
完全支持对卡片盒子本身做条件变色,操作步骤如下:
- 在卡片对应的SQL查询语句中新增自定义字段,根据你的业务阈值判断返回对应的预置颜色类名,参考示例:
select -- 保留原有查询的所有字段 case when 核心数值 >= 高危阈值 then 'u-color-8' when 核心数值 >= 预警阈值 then 'u-color-9' else 'u-color-3' end as CARD_DYNAMIC_CSS from 你的业务表
- 进入卡片组件的属性编辑面板,找到「外观」分类下的「CSS类」配置项,直接填入绑定变量
&CARD_DYNAMIC_CSS.保存即可,卡片会根据查询返回的类名自动匹配对应颜色 - 若官方预置颜色不符合需求,可在页面自定义CSS中编写自定义样式类,SQL中返回对应自定义类名即可生效
方案2:指定文本条件改色(备选实现)
如果不需要修改卡片整体样式,可单独对圆形旁文本、subbox内的文本做条件变色:
- 同样在SQL查询中新增返回颜色类名的字段,命名为
TEXT_DYNAMIC_CSS - 找到对应文本的属性设置项,在「HTML表达式」配置中给文本包裹带类的span标签,参考示例:
<span class="&TEXT_DYNAMIC_CSS.">&DISPLAY_TEXT.</span>
- 也可以直接在SQL语句中拼接带样式的HTML内容,直接返回给文本展示字段即可,无需额外修改组件配置
内容的提问来源于stack exchange,提问作者beastbrook
相关产品推荐
相关产品推荐

