页面树结构

版本比较

标识

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

...

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

2.1 分组表


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

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

...

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


Image Removed

3、表格分页功能说明:

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

...

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

2.2 交叉表效果

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

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

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

Image Removed

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

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

Image Removed

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

Image Removed

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

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

信息

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

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

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

Image Removed

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

Image Removed

...

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

2、操作步骤:

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

Image Removed

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

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

Image Removed

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

信息

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

Image Removed

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

...

设置项

...

说明

...

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

Image Removed

...

Image Removed

...

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

Image Removed

...

Image Removed

...

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

Image Removed

...

Image Removed

...

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

Image Removed

...

Image Removed

4、取消分类汇总

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

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

Image Removed


3 表格样式设置

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

...