# 旭日图

来源快照：`result_data_new_260518.json`

- 来源 ID：`1170617319624802383`
- 模块：低代码平台e-builder
- 目录：统计分析 - 图表分析
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

一、

#### 功能背景

旭日图的诞生源于数据可视化领域对多层次结构数据高效呈现的需求。传统图表（如饼图、柱状图）在展示复杂层级关系时存在局限：饼图仅支持单层数据，树形图虽能表达层级但空间利用率低。为解决这一问题，旭日图结合了径向布局和嵌套分割的设计理念，通过环形层次结构将父节点与子节点直观关联，既保留了树形图的层级逻辑，又通过环形空间压缩优化了展示效率。低代码平台中的旭日图组件通过颜色和层级分割增强了对比性，尤其适合展示占比与从属关系并重的场景，帮助用户快速定位关键数据节点，成为数据钻取分析的常用选择。

 

二、

#### 功能概述

旭日图组件通过可视化连接数据源，通过同心圆环的分段结构展示数据的层次关系与占比。其核心功能是直观呈现父子级数据的嵌套分布，每一层环代表一个数据层级，环的宽度或弧度反映数值大小。相比于传统的饼图，旭日图可以在有限的空间内展示更多的信息，使得图表更加紧凑。

 

三、

#### 功能说明

##### 3.1 维度配置

维度配置提示：第1个维度为内层维度      第2个维度为外层维度  
支持配置排序、设置别名、日期分组功能（如图1）。

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

图1

1、排序：对维度数据进行排序，可配置默认排序、降序、升序。当维度字段配置非日期类字段时，支持自定义排序；

2、设置别名：对维度字段设置显示别名，一般结合数据表使用（如图2）；

![](https://weapp.eteams.cn/papi/file/preview?fileId=1170618595346661404&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=1170618595352977410&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 指标配置

指标支持配置汇总方式、排序方式、显示格式、显示单位、筛选条件、统计值过滤、设置别名功能（如图4）。

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

图4

1、汇总方式：对于不同的字段类型，有如下几种汇总方式：

数字字段：总和、平均值、最大值、最小值、计数和计数（去重）（如图5）；

 

 

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

图5

非数字字段：仅支持计数和计数（去重）；

2、排序：针对配置了计算规则的指标进行数据排序，支持默认排序、降序、升序（如图6）；

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

图6

3、外层维度统计比例：支持配置占全部数据之和（默认选择）、占全部数据之和；

4、显示格式：图表指标项支持显示的格式为千分位；

5、显示单位：指标项数据配置单位，常规的如万、亿、K、千克、克等，支持自定义显示单位（如图7）；

 

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

图7

6、筛选条件：针对单个指标项进行数据的筛选（如图8）；

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

图8

7、统计值过滤：针对配置了计算规则的指标进行数据过滤条件配置，过滤的字段取值图表的指标配置字段（如图9）；

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

图9

8、设置别名：设置指标的别名显示。

 

##### 3.3 数据过滤

图表中的数据可以通过特定的条件来筛选数据，只显示出满足过滤条件的数据（如图10）。

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

图10

##### 3.4 搜索条件

图表中的数据可以配置特定的查询条件，满足前台用户对图表进行动态搜索， 展示需要的数据。配置支持通过高级搜索、筛选两种形式展示（如图11）。

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

图11

前台运行效果（如图12）：

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

图12

##### 3.5 图表功能

旭日图支持的其他图表功能如下（如图13）：

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

图13

1、维度（内）显示为：默认显示为环形，可切换为饼状（如图14）；

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

图14

2、无数据时隐藏：初始加载图表无数据时，会将组件隐藏，对用户不可见。通常结合筛选组件使用，达到筛选后有符合条件的数据时再进行组件展示；

3、显示工具栏：开启后图表右上角显示出操作按钮标识，支持保存为图片（仅PC端），移动端没有该配置；

4、显示合计值：开启后图表左上角显示出指标的合计值；

5、引线长度：支持设置第一引线和第二引线的长度；

6、图表直径：以百分比的形式设置图表的直径，默认值是75%，支持输入数值，上限为100；

7、颜色配置：配置图表每块区域的颜色，支持线性渐变颜色，注意仅针对内层维度，外层维度会根据其内层维度的配色显示稍微浅一点的颜色；

8、显示数值：选择数值的显示形式，支持百分比（默认选择）、具体数值、数值及百分比、不显示；

9、数值位置：设置数值的显示位置，仅对外层维度生效，内层维度数值位置固定显示在内部。支持自适应显示（默认选择）、显示在外部（引线外）、显示在外部（引线上）、显示在内部；

10、在数值前显示维度项名称：开启后会在数值前显示维度项值；

11、图例显示：配置维度项的图例显示位置，支持不显示、显示在底部、显示在顶部、显示在左侧、显示在右侧；

12、提示文字追加：鼠标悬浮到节点上时，显示的提示信息需要追加配置的内容（如图15）；

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

图15

前台运行效果（如图16）：

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

图16

13、图例内容：自定义图例的显示信息，可设置在图例上显示数据占比、数值及文字样式（图17）；

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

图17

14、数据表显示：将图形具体数据，以横向扩展或纵向扩展的方式展示（如图18）；

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

图18

15、维度项限制：开启后可设置显示的维度个数，支持显示数量和限制范围配置（如图19）；

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

图19

16、小数位数：设置指标显示的小数位数；

17、定时刷新：设置图表自动刷新时间，支持不刷新、3分钟、5分钟、10分钟，支持自定义；最小刷新时间间隔为3分钟。

18、最大环宽：仅针对显示环形图的维度生效，支持设置数字/百分比，但即使设置过大，运行时也不会超过目前自适应的宽度。

四、

#### 使用注意点

1、旭日图嵌套在选项卡内，标题的操作按钮启用但“启用标题”按钮关闭时，按钮会显示在选项卡的标签栏上；

2、旭日图默认带有的事件动作：单击每一条数据，右侧滑出打开数据列表；

3、旭日图配置新窗口打开含同数据源列表页面时，默认将筛选组件和图表本身的过滤条件传给列表；

4、旭日图打开页面的参数配置的参数值支持获取“图表相关”字段，即维度项值、指标项数值。

五、

#### 上下游关联功能点

1、[组件标题](https://weapp.eteams.cn/sp/ebdpage/view/freepass/1152863419640021002?id=1159789715744890921&freepass_doc=1&space_id=1157961794811633670 "组件标题")

2、[保存为组件模板](https://weapp.eteams.cn/sp/ebdpage/view/freepass/1152863419640021002/page/1152863419640021002?id=1159168208239755277&freepass_doc=1&space_id=1157961794811633670 "保存为组件模板")

3、[保存为组件母版](https://weapp.eteams.cn/sp/ebdpage/view/freepass/1152863419640021002/page/1152863419640021002?id=1159169393777713201&freepass_doc=1&space_id=1157961794811633670 "保存为组件母版")

4、[图表组件样式](https://weapp.eteams.cn/sp/ebdpage/view/freepass/1152863419640021002?id=1159165897582059719&freepass_doc=1&space_id=1157961794811633670 "图表样式")

5、[图表外观样式](https://weapp.eteams.cn/sp/ebdpage/view/freepass/1152863419640021002/page/1152863419640021002?id=1159789238918479919&freepass_doc=1&space_id=1157961794811633670 "图表外观样式")

6、[事件与动作](https://weapp.eteams.cn/sp/ebdpage/view/freepass/1152863419640021002/page/1152863419640021002?id=1159192088358584536&freepass_doc=1&space_id=1157961794811633670 "事件与动作")

7、[组件权限](https://weapp.eteams.cn/sp/ebdpage/view/freepass/1152863419640021002/page/1152863419640021002?id=1159789964944113758&freepass_doc=1&space_id=1157961794811633670 "组件权限")
