开发者学堂课程【宜搭低代码开发认证教程:宜搭认证课程-数据报表设计(二)】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/299/detail/3502
宜搭认证课程-数据报表设计(二)
如何配置组件-样式
支持丰富的样式,大小、图表的配色、高度、图例、x轴、y轴等等
样式:组件展示的样式,如大小图例/x轴/y轴位置、配色等
如何配置组件-其他
组件标题比如新饼图、柱状图标题,可以设置位置左对齐集中、右对齐集中等。
·其他:标题、编码等
如何配置筛选项
·配置筛选项:
1.左侧拖拽筛选类型
2关联数据集的筛选字段
3.设置默认值(如需要)
4.设置展示值(如需要)
5.配置展示样式(隐藏/展示方式/尺寸/宽度)
6其他配置:标题,提示文字等
在布局配置内容后,同样会配置筛选项。首先在左侧组件选择区域选择要的筛选项,然后选择关联筛选项的字段。
关联,选择设计器右边出现组件相关的配置,数据集选择与下面相同的数据集。
值是筛选项中实际筛选的字段。其他默认值是筛选项默认展示哪个内容。展示值比如实际查询的是部门编号,下拉选项显示的部门名称,值(必选)就是部门编号,在展示值选择部门名称。默认值比如默认值输入阿里巴巴,此筛选项配置完毕。
上面还有展示样式、隐藏、展示方式、宽度、尺寸等等。还有其它标题、提示文字等等。
三. 案例详解
案例:团建地点收集统计报表
创建一个统计报表,并进入报表设计器
1. 点击新建页面-新建报表页面,输入表名为(阿里大脑 outing统计)
2.点击编辑进入设计器进行编辑
开始构思布局
筛选项
1.所在部门
2. 填写成员
3. outing 地点
内容
1.最上方:填写人数
2.第二行:各个outing地点选择情况分布柱状图
3.第三行:各个团队的选择情况
4.第三行:人员填写明细(按填写时间降序)
最上方填写人数通过数字展示,用到指标卡。下面是分布,最下面是填写明细。使用分组组件,配置出布局,每个地方对应到具体的内容
组件。用了指标卡、柱状图和表格。
开始填写数据
以指标卡为例
1.选择数据集:FY21阿里大脑 outing
2.填写指标:发起人工号
3.数据处理格式:计数
4.展示名称:总填写人数
·其他模块也类似填写,可以在样式选项中进行微调
设置筛选项
筛选项可以配置,用所在部门 outing 地点做筛选项。具体配置以指标卡为例,首先选择数据集,命名字段,对总投票人数进行计数。
其它模块可以进行类似的方式填写。
以填写人员为例
1.选择数据集:FY21 阿里大脑 outing
2.值(必选):发起人
选择一个数据集,用发起人作为值,筛选项配置好。
配置好后保存,通过右上角预览,可以预览整个报表的效果。
填写人员已配置好,选择其中一人可以查询。下面是具体的分布。
点击预览查看搭建效果
以指标卡为例
1. 点击保存,保存配置的信息
2.点击预览 check 报表效果
线上访问(保存后即可生效,无须发布)
回到报表目录页
点击访问,切换报表查看
切换后报表生效
非常简单的搭建了 outing 统计报表。
阿里大脑策委会实操
阿里大脑 outing 报表演示,已经搭建好的报表,选择填写的人可以看到投票的情况。
线上访问,显示效果如下。
上面是总投票人数,每一个选项人数,下面是发起人。整个完整的报表。
首先填表单,生成数据,新建页面有新建报表页面。
取名为阿里大脑 outing 统计,进入到报表的设计器。
初始来看报表的设计器分为两块,第一块是页头
作用是配置一个筛选条件,填写人、地点用来查询的,比如说千岛湖。下面一块是用来配置具体的展示内容,在整个设计系的左上角有组件库,筛选项、布局包括图表都在设计系。
首先把组件拖过来,拖按照自己的想法布局,在右侧选择具体的组件。
比如柱状图,就可以去关联数据,配样式,可以把这张图配出来。
阿里大脑 outing 投票分为三块,第一块总投票人数是什么,第二块分布是什么,第三块明细,可以给每一个增加一个标题。
用分组的布局组件,布局组件的意思是通过这个可以做成一个比较符合自己要求的布局。分组可以把很多的图、表放到一个分组里面,移动、编辑的时候比较好编辑。
第一个分组设置为概览,拖一个总的人数,用到其中一个组件,图表的组件叫做指标卡。指标卡会展示一个具体算出来的数值。
第二个做一个分布,第三个明细。总体的布局已经形成。
分布里一般会用柱状图。
明细一般会用表格来展示,搜到或浏览到表格后一拖,生效。