官方文档

根据条件显示不同背景色

占比分段上不同背景色,做出热力感。

按占比区间给当前格子上不同背景色,做出类似热力的效果。

示例报表:复杂报表 → 条件属性示例 → 条件属性-分段背景色

数据表:VRDemo.ecom_channel_share(渠道×品类销量占比)


1. 问题描述

制作渠道品类占比表时,希望不同数值区间显示不同背景色,一眼看出高低。

2. 解决思路

对占比列添加多条「条件属性 → 背景」,作用范围选 当前格子,用普通条件做区间(并且连接)。规则从上到下执行。

3. 操作步骤

3.1 准备数据

  1. 确认数据源 VRDemo 中有表 ecom_channel_share(字段:channel_name 渠道、category_name 品类、share_ratio 占比 0~1)。
  2. 新建复杂报表,数据集 ds1:
SELECT channel_name, category_name, share_ratio
FROM ecom_channel_share
ORDER BY channel_name, id

3.2 表格设计

单元格内容说明
A1~C1渠道 / 品类 / 销量占比标题行
A2ds1.select(channel_name)列表,向下扩展
B2ds1.select(category_name)左主格 A2
C2ds1.select(share_ratio)左主格 A2;数字格式百分比

3.3 添加条件属性

  1. 选中 C2
  2. 右侧 条件属性 → 编辑条件属性 → 添加规则
  3. 属性选 背景,作用范围 当前格子
  4. 条件类型 普通,按表添加 6 条(并且连接上下界):
规则条件建议色
高占比≥0.5 并且 <0.7#e74c3c
中高≥0.3 并且 <0.5#e67e22
中≥0.1 并且 <0.3#f1c40f
偏低≥0.05 并且 <0.1#2ecc71
低>0 并且 <0.05#3498db
零等于 0#bdc3c7
  1. 确定 → 保存 → 分页预览

4. 效果

占比落在不同区间时,C 列格子呈现不同底色;等于 0 的显示灰色。