You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.28 21:06:03