# 图表组件支持条件格式

来源快照：`result_data_new_260518.json`

- 来源 ID：`1214795495161323570`
- 模块：低代码平台e-builder
- 目录：功能更新说明 - 2025-12 - 页面引擎
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 1、功能背景与价值

需求背景：希望将部分图表突出显示，展示重点。例如需要对柱形图最高合同金额突出显示

需求价值：支持根据不同的条件突出展示某个维度下的数据，提升图表的可读性

# **2、功能说明**

2.1  功能入口

 指标浮窗新增配置：条件格式，显示在“显示单位”下方

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816561847279623&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.2  条件格式支持范围

支持显示注释的图表：柱状图、堆积柱图、条形图、堆积条图、折线图、面积图

支持特殊颜色的图表（不支持折线图、面积图）：柱状图、堆积柱图、条形图、堆积条图、对比条图、饼状图、环形图、玫瑰图、统计地图、漏斗图、矩形树图、词云图（不支持渐变色）、分面图

2.3  条件格式窗口

2.3.1  【清空】按钮：清除所有条件格式配置

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816553316065288&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.3.2  【+添加】按钮：点击后弹出“添加条件格式”窗口

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816557597188112&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.3.3  条件格式列表

 ① 相同条件时顺序最上面的优先生效

 ② 支持拖拽位置

 ③ 每条数据后有【删除】【复制】图标；点击复制后自动添加一条一模一样的，并有浮窗提示

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816579001982983&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.4  添加条件格式窗口（显示注释）

2.4.1  展示方式：显示注释

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816561802674186&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.4.2  条件

 最小的N个：后面展示输入框

 最大的N个：后面展示输入框

 自定义：后面展示设置icon

未设置条件时置灰，设置后高亮

  点击打开筛选器窗口，字段支持当前指标值以及维度字段

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816570603364355&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.4.3  显示内容

 右侧显示文本输入框，输入#可插图表上已配置的维度和指标，并解析成对应的值

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816570565976078&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

2.4.4  添加指标

 可通过下拉框选择字段添加指标

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816579133538311&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 添加的指标字段后面有【设置】按钮，支持汇总方式、快速计算、显示格式、显示单位、条件格式、筛选条件、统计值过滤配置

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816579133538307&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

 添加过的指标可以点击【垃圾桶】图标删除

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816561802674181&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.4.5  显示样式

 支持两种气泡样式，柱图气泡统一朝上、条图气泡统一朝右，对比条图不支持显示注释

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816570565976079&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.4.6  填充色

 默认为系统色，修改颜色后，上面的图标也随之改变

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816566145179656&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.4.7  显示效果

 文字内容太多时会折叠成···显示

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816553419661318&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.5  添加条件格式窗口（特殊颜色）

2.5.1  展示方式：特殊颜色

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816557597188096&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.5.2  条件

 最小的N个：后面展示输入框

 最大的N个：后面展示输入框

 自定义：后面展示设置icon

未设置条件时置灰，设置后高亮

  点击打开筛选器窗口，字段支持当前指标值以及维度字段

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816566145179657&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

2.5.3  填充色

 默认为系统色，支持配置渐变色

![](https://weapp.eteams.cn/papi/file/preview?fileId=1214816574663450628&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)
