1 概述
汇总表是一种将数据按照一定规则进行分类和汇总的基础报表,它通过对原始数据进行计算、整理和组织,将复杂的数据变得简洁明了,便于人们理解和分析。
1.1 配图建议
列区:一个或多个维度/度量。
1.2 表格特点
汇总表数据简洁明了,便于人们理解和分析。
2 场景示例
以产品内置Demo资源的“订单模型”作为数据来源,介绍汇总表组件的的相关使用场景。
2.1 汇总表效果
1、场景描述:查看各发货区域各产品类别的销售量情况。
2、在仪表盘中添加一个 汇总表 组件,通过拖拽或勾选的方式将 发货区域 、 产品类别 和 销售量 添加到 列区 。
3、表格分页功能说明:
(1)表格数据默认分页显示,且每页20条数据。
(2)分页效果有两种:鼠标滚动分页、分页控件,默认使用 分页控件 效果显示。可在组件设置的属性中修改分页显示效果,设置入口及对比效果如下图所示:
(3)使用 鼠标滚动分页 时,支持设置是否自动滚动。
(4)使用 分页控件 时,支持设置分页控件的显示位置、对齐方式、总行数、每页条数、页码和前往。
2.2 显示序号效果
序号不支持导出,只是前端展示。
1、场景描述:查看各发货区域各产品类别的销售量情况,并添加序号可以明确现在看到哪一行,后续在对应行数继续接着看。
2、操作步骤
(1)在仪表盘中添加一个 汇总表 组件,通过拖拽或勾选的方式将 发货区域 、产品类别 和 销售量 添加到 列区 。
(2)在 组件设置 > 属性 > 基础 中设置 显示序号 为 显示 ,在表格自动生成一列”序号“,如下图所示:
(3)翻页时序号会累加,效果如下图所示:
3 表格样式设置
在组件设置的属性中,可对汇总表进行更多的样式设置。
3.1 风格
说明
设置汇总表的表格风格类型,有表格、斑马线、无边框三种风格。
效果
3.2 颜色
说明
只需要选择一个主颜色,即可一键配置汇总表表格的整体颜色效果。
效果
3.3 样式
说明
设置列头区、数据区的样式,包含 默认 和 自定义 两种。
效果1:菜单按钮
样式选择“自定义”,可针对表格的列头区和数据区分别设置是否显示菜单按钮,如下图所示:
- 数据区的菜单按钮只会在非度量数据的单元格中显示。
效果2:内容换行
样式选择“自定义”,可针对表格的列头区和数据区分别设置内容是否换行,如下图所示:
效果3:表格样式效果
样式选择“自定义”,表格样式其余配置如下:
- 设置列头区的背景色为“#BD10E0”;字号为“16px”,字体为“加粗”、“左对齐”;行高为“30px”。
- 设置数据区的字号为”14px“,字体颜色为“#4A4A4A”;高亮行背景色为“#7ED321”;奇数行背景色为“#E3BFEB”;偶数行背景色为“#CE82DE”。
3.4 列宽
说明
设置汇总表的列宽是否根据组件宽度自适应显示,默认选择 自适应 。
- 自适应:列宽自动适应组件的大小。
- 不自适应:列宽为固定宽度,默认每列宽度120px,支持手动拖拽调整列的宽度。
效果
4 更多功能
- 更多的分析数据相关功能,如数据排序、条件格式等功能,详情可查看 交互式仪表盘 ⬝ 分析数据 。
- 更多的交互设计相关功能,如组件联动、跳转规则等功能,详情可查看 交互式仪表盘 ⬝ 交互设计。