页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

1 概述

树状表能够清晰呈现数据的层级关系,便于用户直观理解数据结构。它有助于快速识别异常、进行深入分析,并支持多维度数据探索,提升决策效率和数据洞察能力。

1.1 配图建议

行区:一个或多个维度字段;

列区:一个或多个维度字段。

度量区:一个或多个度量字段。

1.2 表格特点

适用于多层级结构的分析场景,帮助用户理解复杂的数据关系。

2 场景示例

以产品内置Demo资源的“订单模型”作为数据来源,介绍树状表组件的的相关使用场景。

1、场景描述:从区域、省份、城市3个地区级别,层层深入查看不同年份的产品销售数据。

2、在仪表盘中添加一个 树状表 组件,通过拖拽或勾选的方式将 区域、省份、城市 添加到 行区 ,将 订单年份 添加到 列区,将 销售量销售额 添加到 度量区 ,效果如下图所示:

3、此时可通过点击 +/- 或  菜单图标进行展开折叠等分析操作,如下图所示:

表格菜单详细的功能说明可查看 表格分析操作

表格分析操作
表格分析操作
3 表格分析操作

树状表提供了展开折叠、过滤等功能,帮助用户进行多维度数据探索,深入分析数据,提升决策效率和数据洞察能力。

3.1 展开折叠

可通过点击 +/-展开折叠 菜单,在树状表上实现查看不同层级数据的效果。

1、展开菜单项说明

菜单项功能说明效果
按成员展开

仅展开当前节点,不会影响其他节点、其他层级的展开折叠状态。

在行区时,按成员展开 和点击 + 效果一致。

如下图所示,分别通过 +按成员展开 功能,展开了 华北、华东、河北省、山西省节点。

展开整个级别当前节点所在层级的所有节点全部展开,不影响其他层级节点展开折叠状态。

如下图所示,在 省份 层级点击 展开整个级别 ,此时所有发货区域的省份都会被展开。

展开全部所有层次的所有节点全部展开。

如下图所示,点击 展开全部 展开树状表行区上的所有节点。


2、折叠菜单项说明

菜单项功能说明效果
按成员折叠

仅折叠当前节点,不会影响其他节点、其他层级的展开折叠状态。

在行区时,按成员折叠 和点击 - 效果一致。

如下图所示,分别通过 -按成员折叠 功能,展开了  河北省、华北、华东节点。

折叠整个级别当前节点所在层级的所有节点全部折叠,不影响其他层级节点展开折叠状态。

如下图所示,在 省份 层级点击 折叠整个级别 ,此时所有发货区域的省份都会被折叠。

折叠全部所有层次的所有节点全部折叠。

如下图所示,点击 折叠全部 展开树状表行区上的所有节点。


3、列区和行区维度字段上的展开和折叠功能类似,不过列区不支持 +/-按成员展开/按成员折叠 ,如下图所示:

4、列区上添加了多个维度字段时,树状表上默认只显示第一个字段,可通过 展开整个字段/展开全部 来进行列区的多层级数据分析,如下图所示:

5、在树状表的行区中添加字段或移动调整字段位置时,发生变更的位置往上的层级展开折叠状态不变,发生变更位置的层级及所有下级层级默认为折叠状态。

比如发货区域的华北是展开,华东是折叠;省份中的河北省是展开,天津市是折叠;发货城市中的张家口是展开,石家庄是折叠;拖拽交换了发货城市和省份的位置后,发货区域中的华北和华东节点状态没变,发货城市和省份都默认变成折叠,如下图所示:

6、在树状表的行区中移除字段时,不会影响此字段上方和下方层级的展开折叠状态。

比如发货区域的华北是展开;发货城市中的张家口是展开;移除省份字段后,发货区域中的华北和发货城市中的张家口节点状态没变,如下图所示:

3.2 排序方式

使用排序功能可以将数据按某一特定规则进行排列,以便更清楚地分析数据变化趋势。

1、树状表中只支持 组内排序 ,排序入口:

2、树状表的组内排序和交叉表类似,同组的数据进行排序,如下图所示:

3、由于行头字段名称单元格对应多个字段,所以在设置排序时需要注意:

  • 在行头字段名称单元格点击排序时,行区所有字段都使用按此排序类型展示。
  • 在组件设置数据面板中,多字段单独设置排序时,只有所有字段都是组内升序/组内降序时,行头字段名称单元格才会显示排序图标。

3.3 维度选择

当表格上要分析的维度不够或不符合要求时,可以使用 维度选择 功能,增加或替换维度。

  • 添加维度:在当前维度字段的下方增加新的维度字段。


信息

在列区字段上添加维度时,由于列区只能通过展开操作查看下级字段数据,所以添加维度后,若想查看添加的维度数据,需在列头字段上点击 展开整个级别,详情可查看 表格分析操作


  • 按当前成员添加:在当前维度字段的下方增加新的维度字段,且需要按所选的成员值过滤数据。
  • 替换当前维度:选择新的维度字段替换当前的维度字段。

下面以按当前成员添加为例展示维度选择的效果。

3.4 分类汇总

1、树状表组件的分类汇总,是按照每个层级独立获取指标数据,如下图所示:

比如 2527是2020年河北省当前节点的销售量,而不是石家庄+张家口+秦皇岛的总销售量,此种展示逻辑也符合不能汇总的指标数据。

2、树状表默认会显示分类汇总,支持设置取消分类汇总,在行区时,取消分类汇总只有在展开节点时才能看到效果,如下图所示:

比如在发货城市上取消分类汇总,是否显示分类汇总需要在发货城市的上级省份那里查看,此时展开的省份节点将不显示数据。

3.5 更多分析操作

1、过滤:在数据分析过程中,由于当下关注的重点不同,会基于当前的结果不断过滤数据,让您可以更方便地聚焦在关键数据上。过滤类型包括:只保留、排除,保留/排除当前选择的成员值。详情可参考 过滤

2、快速计算:通过快速计算功能可以在表格上一键生成各种计算数据,快速计算类型包括 排名、占比、同期、前期、时间累计。详情可参考 快速计算

3、移除:点击 移除 ,支持从树状表上删除该字段,和在组件设置数据面板中把字段移除的效果一致。详情可参考 移除

4 表格样式设置

在组件设置的属性中,可对树状表进行更多的样式设置。

4.1 列宽自适应

设置树状表的列宽是否根据组件宽度自适应显示,默认选择 自适应

  • 自适应:列宽自动适应组件的大小。
  • 不自适应:列宽为固定宽度,默认每列宽度120px,支持手动拖拽调整列的宽度。


4.2 风格

设置树状表的表格风格类型为表格、斑马线、无边框。

风格类型设置项效果图
表格

斑马线

无边框

4.3 颜色

只需要选择一个主颜色,即可一键配置树状表表格的整体颜色效果,包含行区、列区、数据区的背景色和鼠标移入高亮颜色,表格所有文字颜色。

4.4 样式

设置树状表的列头、行头和数据区的样式,包含 默认自定义 两种。

信息

如果切换了 主题色,则会根据新设置的主题颜色,动态计算最佳表格效果,并覆盖 自定义 样式中的设置 。

其中 自定义 的设置项包含如下内容:

1、在列头区中,设置 度量名称 在表格上是否显示,仅表格只含有单个度量时,才支持设置隐藏度量名称,效果如下图所示:

2、在列头和行头区,支持设置 菜单按钮 是否显示,效果图下图所示:

3、支持设置行头区、列头区和数据区的背景色、字体样式和行高等,效果如下图所示:

4.5 压缩空行/空列

用于去掉表格中数据为空的行或列,树状表默认是开启压缩空行和压缩空列的。

4.6 查询输出行数

树状表查询整个表格数据时,实际是分为多个查询去获取结果数据,为了保证表格的刷新速度,默认控制了单个查询最大输出行数为500行,可手动修改最大输出行数,但最大行数不得设置超过10000行。

4.7 查询最大动态扩展列数

树状表查询整个表格数据时,实际是分为多个查询去获取结果数据,为了保证表格的刷新速度,默认控制了单个查询横向扩展的列数最大为50列,可手动修改扩展列数,但最大扩展列数不得设置超过200列。

5 更多功能