树状表

1 概述

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

1.1 配图建议

行区：一个或多个维度字段；

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

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

1.2 表格特点

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

2 场景示例

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

2.1 分组表

1、场景描述：查看各产品类别对应的产品销售情况。

2、在仪表盘中添加一个 交叉表 组件，通过拖拽或勾选的方式将 产品类别、产品名称 添加到 行区 ，将 销售量、销售额 添加到 度量区 ，效果如下图所示：

3、表格分页功能说明：

（1）表格数据默认分页显示，且每页20条数据。

（2）分页效果有两种：鼠标滚动分页、分页控件，默认使用 分页控件 效果显示。可在组件设置的属性中修改分页显示效果，设置入口及对比效果如下图所示：

（3）使用 分页控件 时，支持设置分页控件的显示位置、位置对齐方式、总行数、每页条数、页码和前往。

2.2 交叉表效果

1、场景描述：查看各产品在2020年和2021年各个季度上的销售情况。

2、在仪表盘中添加一个 交叉表 组件，通过拖拽或勾选的方式将 产品类别、产品名称 添加到 行区 ，将 订单年份、订单年季 添加到 列区 ，将 销售量、销售额 添加到 度量区 ，效果如下图所示：

行区、列区和度量区中的字段可相互拖拽改变字段所在区域或字段的前后顺序。

3、为了避免横向扩展太多列数，影响表格加载速度，交叉表默认的最大列数是50列。

（1）用户可在组件设置的属性中调整 最大列数 的值，最大可设置的列数为 200 。

（2）如果添加了多个度量字段，由于度量列属于固定列，而最大列数限制的是横向动态扩展的列，所以超过了最大列数的那些度量列，列头保留但数据全部显示为空，即表格字段数据结构是完整的，但数据不返回。

2.3 动态切换显示不同度量数据

1、场景描述：查看各产品类别在2020年和2021年上的销售情况时，由于销售相关指标较多，需要根据当下实际要分析的数据，动态选择对应的销售指标进行数据分析。

2、在仪表盘中添加一个 交叉表 组件，通过拖拽或勾选的方式将 产品类别 添加到 行区 ，将 订单年份 添加到 列区 ，将 销售额 添加到 度量区 ，并将 度量名称 拖拽添加到筛选器区的 影响此组件的筛选器 上，效果如下图所示：

此时交叉表上默认展示的是销售额的数据。

3、切换度量名称筛选器的值，即可动态替换度量字段查看对应数据。

2.4 显示分类合计值

1、场景描述：查看各产品在2020年和2021年上的销售情况时，希望能分类查看对应维度上的合计值。

2、操作步骤：

（1）在仪表盘中添加一个 交叉表 组件，通过拖拽或勾选的方式将 产品类别、产品名称 添加到 行区 ，将 订单年份 添加到 列区 ，将 销售额 添加到 度量区 ，效果如下图所示：

（2）在 产品类别、产品名称 和 订单年份 字段上分别设置显示分类汇总，设置入口及效果如下图所示：

• 在产品类别上显示的分类汇总，生成所有产品类别每年销售额的合计。
• 在产品名称上显示的分类汇总，生成各个产品分类中所有产品每年销售额的小计。
• 在订单年份上显示的分类汇总，生成各产品/产品分类在2020年和2021年的合计数据

（3）设置合计行/列的特殊样式效果：

3、合计行列样式设置的详细说明：

4、取消分类汇总

在字段的更多菜单上支持设置取消显示分类汇总，隐藏分类汇总和取消分类汇总的区别：

• 隐藏分类汇总：执行分类汇总计算，但在表格上隐藏小计/合计内容。
• 取消分类汇总：不执行分类汇总计算。

3 表格样式设置

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

3.1 列宽自适应

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

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

3.2 风格

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

3.3 颜色

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

3.4 样式

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

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

1、列头区

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

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

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

2、行头区

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

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

3、数据区

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

3.5 压缩空行/空列

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

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

4 更多功能

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