# 图表组件维度支持钻取

来源快照：`result_data_new_260518.json`

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

## 正文

# 1、功能背景

通过竞品调研，发现大部分图表类组件都支持钻取和联动功能，但是EB图表类组件以及报表组件都不支持钻取和联动功能

# 2、项目概述

图表组件支持配置钻取，可按设置的钻取字段排序逐层钻取

# 3、功能说明

3.1.

**功能入口**

3.1.1  图表组件维度项新增配置“钻取设置”

 

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504609207689217&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)

 

3.1.2  点击“钻取设置”打开设置钻取维度弹窗，标题为维度【字段名】：钻取设置

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504613335875589&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)

 

3.1.3  钻取维度默认为空，点击右上角【+添加】按钮，支持添加钻取维度

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504617646628869&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)

 

3.1.4  钻取维度配置

 默认排序

 降序

 升序

 自定义排序

 显示缺失时间（日期字段特有）

 日期分组（日期字段特有）

 数据项显示（选择框/下拉字段特有）

 设置别名

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504609228357634&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)

 

3.1.5  钻取时将按照钻取维度顺序依次往下钻取，可拖拽调整排序

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504613335875585&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)

 

3.1.6  点击红色垃圾桶图标，可以删除当前维度

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504604837224450&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)

 

3.2.

**钻取逻辑**

3.2.1  将钻取维度字段替换成当前钻取字段

3.2.2  同时进行其他维度的维度项值+当前点击的维度项值进行过滤，最终保证钻取的每一个维度项数据之和=单击那个柱子数据

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504600525479938&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)

 

3.3.

**数据钻取显示**

3.3.1  按钻取字段的顺序一层一层下钻，下钻目录下每一个图表上方都会显示数据钻取目录

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504604737552390&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)

 

3.3.2  取消目录：回到图表默认状态

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504617633742851&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)

 

3.3.3  点击之前层级的维度项数据：回到上那一层

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504617646628866&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)

3.3.4  下钻到最后一个层级时，再点击图表数据进行下钻时，提示：已钻取到最后一层了！

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504622076338178&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)

 

3.3.5  单维度钻取：取维度下点击的那条数据所对应的维度项

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504613494792194&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)

 

3.3.6  多维度钻取：显示顺序按照维度本身的顺序显示，取两个维度下的点击数据所对应的维度项

![](https://weapp.eteams.cn/papi/file/preview?fileId=1250504622109368326&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)
