页面树结构

版本比较

标识

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

1 概述

交叉表是表格展现数据的一种基础报表,在行、列上进行同类数据合并,在行和列的交叉处可以对数据进行汇总计算。

1.1 配图建议

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

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

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

1.2 表格特点

适用于多维度、多指标交叉分析场景,通过多指标交叉分析并进行决策判断。

...

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

2.1 分组表

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

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

信息

添加度量字段后,系统会自动将度量名称字段添加到列区。

度量名称字段本质是一个将当前业务数据集所有度量字段名作为字段值的维度,具体效果在本文的2.3章节中查看。

3、表格分页功能说明:

(1)表格数据默认分页显示,且每页20条数据。

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

Image RemovedImage Added

Image Removed

(3)使用 分页控件 时,支持设置分页控件的显示位置、位置对齐方式、总行数、每页条数和前往。(有BUG,总行数不生效)

Image Removed

2.2 Image Added

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

Image Added

2.2 交叉表效果

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

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

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

Image Added

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

(1)用户可在组件设置的属性中调整 最大列数 的值,最大可设置的列数为 200

Image Added

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

Image Added

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

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

信息

此场景适用于要分析的维度不变,但度量需要动态变化的情况。

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

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

Image Added

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

Image Added

分类汇总
分类汇总
2.4 显示分类合计值

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

2、操作步骤:

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

Image Added

(2)在 产品类别产品名称 和 订单年份 字段上分别设置显示分类汇总,设置入口及效果如下图所示:

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

Image Added

(3)设置合计行/列的特殊样式效果:

信息

如果单元格上同时有合计和小计的样式时,默认优先以合计样式显示。

Image Added

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

设置项

说明

效果图
合计行位置

合计和小计行显示位置在表格的顶部还是底部。

Image Added

Image Added

合计列位置

合计和小计行显示位置在表格的左侧还是右侧。

Image Added

Image Added

小计样式

小计内容样式设置,包括单元格背景色、字体样式等。

Image Added

Image Added

合计样式

合计内容样式设置,包括单元格背景色、字体样式等。

Image Added

Image Added

4、取消分类汇总

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

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

Image Added

3 表格样式设置

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

3.1 列宽自适应

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

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

Image Added

Image Added

3.2 风格

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

Image Added

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

Image Added

Image Added

斑马线

Image Added

Image Added

无边框

Image Added

Image Added

3.3 颜色

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

Image Added

3.4 样式

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


信息

如果选择 自定义 样式,则 颜色 将置灰不可设置。


Image Added


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

1、列头区

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

Image Added

  • 设置列头上的“菜单按钮”是否显示,效果图下图所示:
信息

若行头区和列头区同时设置了隐藏“菜单按钮”,则角头上的菜单按钮自动隐藏。

Image Added

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

Image Added

2、行头区

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

Image Added

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

Image Added

3、数据区

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

Image Added

3.5 压缩空行/空列

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

Image Added

类型压缩不压缩
压缩空行Image Added

Image Added

压缩空列

Image Added

Image Added

4 更多功能


信息

V11版本新建的仪表盘默认不支持选择业务主题和自助数据集,针对从V10及以下版本升级到V11版本的用户,基于业务主题/自助数据集创建的仪表盘,交叉表功能可参考文档 交叉表组件 。