树状表

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.3 分类汇总

设置交叉表的列宽是否根据组件宽度自适应显示，默认选择 自适应 。

3.4 更多分析操作

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

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

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

4 表格样式设置

在组件设置的属性中，可对交叉表进行更多的样式设置。

3.1 列宽自适应

设置交叉表的列宽是否根据组件宽度自适应显示，默认选择 自适应 。

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

3.2 风格

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

3.3 颜色

只需要选择一个主颜色，即可一键配置交叉表表格的整体颜色效果。

3.4 样式

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

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

1、列头区

• 设置“度量名称”在表格上是否显示，效果如下图所示：

• 设置列头上的“菜单按钮”是否显示，效果图下图所示：

• 设置交叉表列头区域的背景色、字体样式和行高，效果如下图所示：

2、行头区

• 设置行头上的“菜单按钮”是否显示，效果图下图所示：

• 设置交叉表行头区域的背景色和字体样式，效果如下图所示：

3、数据区

设置交叉表列头区域的背景色、字体样式和行高，效果如下图所示：

3.5 压缩空行/空列

用于去掉表格中数据为空的行或列。

类型	压缩	不压缩
压缩空行
压缩空列

4 更多功能

• 更多的分析数据相关功能，如数据排序、时间计算、条件格式等功能，详情可查看 交互式仪表盘 ⬝ 分析数据 。
• 更多的交互设计相关功能，如组件联动、跳转规则等功能，详情可查看 交互式仪表盘 ⬝ 交互设计。