宜搭认证课程-数据报表设计(二)|学习笔记

简介: 快速学习宜搭认证课程-数据报表设计(二)

开发者学堂课程【宜搭低代码开发认证教程宜搭认证课程-数据报表设计(二)】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/299/detail/3502


宜搭认证课程-数据报表设计(二)


image.png

如何配置组件-样式

支持丰富的样式,大小、图表的配色、高度、图例、x轴、y轴等等

样式:组件展示的样式,如大小图例/x轴/y轴位置、配色等

image.png

如何配置组件-其他

组件标题比如新饼图、柱状图标题,可以设置位置左对齐集中、右对齐集中等。

·其他:标题、编码等

如何配置筛选项

·配置筛选项:

1.左侧拖拽筛选类型

2关联数据集的筛选字段

3.设置默认值(如需要)

4.设置展示值(如需要)

5.配置展示样式(隐藏/展示方式/尺寸/宽度)

6其他配置:标题,提示文字等

在布局配置内容后,同样会配置筛选项。首先在左侧组件选择区域选择要的筛选项,然后选择关联筛选项的字段。

image.png

关联,选择设计器右边出现组件相关的配置,数据集选择与下面相同的数据集。

值是筛选项中实际筛选的字段。其他默认值是筛选项默认展示哪个内容。展示值比如实际查询的是部门编号,下拉选项显示的部门名称,值(必选)就是部门编号,在展示值选择部门名称。默认值比如默认值输入阿里巴巴,此筛选项配置完毕。

上面还有展示样式、隐藏、展示方式、宽度、尺寸等等。还有其它标题、提示文字等等。


三. 案例详解

image.png

案例:团建地点收集统计报表

创建一个统计报表,并进入报表设计器

1. 点击新建页面-新建报表页面,输入表名为(阿里大脑 outing统计)

2.点击编辑进入设计器进行编辑

开始构思布局

筛选项

1.所在部门

2. 填写成员

3. outing 地点

内容

1.最上方:填写人数

2.第二行:各个outing地点选择情况分布柱状图

3.第三行:各个团队的选择情况

4.第三行:人员填写明细(按填写时间降序)

最上方填写人数通过数字展示,用到指标卡。下面是分布,最下面是填写明细。使用分组组件,配置出布局,每个地方对应到具体的内容

组件。用了指标卡、柱状图和表格。

image.png

开始填写数据

以指标卡为例

1.选择数据集:FY21阿里大脑 outing

2.填写指标:发起人工号

3.数据处理格式:计数

4.展示名称:总填写人数

·其他模块也类似填写,可以在样式选项中进行微调

设置筛选项

筛选项可以配置,用所在部门 outing 地点做筛选项。具体配置以指标卡为例,首先选择数据集,命名字段,对总投票人数进行计数。

其它模块可以进行类似的方式填写。

image.png

以填写人员为例

1.选择数据集:FY21 阿里大脑 outing

2.值(必选):发起人

选择一个数据集,用发起人作为值,筛选项配置好。

image.png

配置好后保存,通过右上角预览,可以预览整个报表的效果。

image.png

填写人员已配置好,选择其中一人可以查询。下面是具体的分布。

image.png

点击预览查看搭建效果

以指标卡为例

1. 点击保存,保存配置的信息

2.点击预览 check 报表效果

线上访问(保存后即可生效,无须发布)

回到报表目录页

点击访问,切换报表查看

切换后报表生效

image.png

非常简单的搭建了 outing 统计报表。

阿里大脑策委会实操

阿里大脑 outing 报表演示,已经搭建好的报表,选择填写的人可以看到投票的情况。

线上访问,显示效果如下。

image.png

上面是总投票人数,每一个选项人数,下面是发起人。整个完整的报表。

首先填表单,生成数据,新建页面有新建报表页面。

取名为阿里大脑 outing 统计,进入到报表的设计器。

初始来看报表的设计器分为两块,第一块是页头

image.png

作用是配置一个筛选条件,填写人、地点用来查询的,比如说千岛湖。下面一块是用来配置具体的展示内容,在整个设计系的左上角有组件库,筛选项、布局包括图表都在设计系。

首先把组件拖过来,拖按照自己的想法布局,在右侧选择具体的组件。

image.png

比如柱状图,就可以去关联数据,配样式,可以把这张图配出来。

阿里大脑 outing 投票分为三块,第一块总投票人数是什么,第二块分布是什么,第三块明细,可以给每一个增加一个标题。

用分组的布局组件,布局组件的意思是通过这个可以做成一个比较符合自己要求的布局。分组可以把很多的图、表放到一个分组里面,移动、编辑的时候比较好编辑。

第一个分组设置为概览,拖一个总的人数,用到其中一个组件,图表的组件叫做指标卡。指标卡会展示一个具体算出来的数值。

image.png

第二个做一个分布,第三个明细。总体的布局已经形成。

image.png

分布里一般会用柱状图。

image.png

明细一般会用表格来展示,搜到或浏览到表格后一拖,生效。

相关文章
|
编解码 运维 监控
4.1 钉钉宜搭大屏介绍|学习笔记
快速学习4.1 钉钉宜搭大屏介绍
1813 0
4.1 钉钉宜搭大屏介绍|学习笔记
宜搭高级开发师认证模拟题
五年高考,三年模拟
1774 1
宜搭高级开发师认证模拟题
|
人工智能 供应链 搜索推荐
钉钉宜搭全命题解析 | 学习笔记
快速学习钉钉宜搭全命题解析
钉钉宜搭全命题解析 | 学习笔记
|
人工智能 安全 数据可视化
宜搭数字化ERP解决方案(一)|学习笔记
快速学习宜搭数字化ERP解决方案(一)
1060 0
宜搭数字化ERP解决方案(一)|学习笔记
|
供应链 监控 BI
宜搭制造业解决方案及实施理论(三)|学习笔记
快速学习宜搭制造业解决方案及实施(三)
331 0
宜搭制造业解决方案及实施理论(三)|学习笔记
|
供应链 数据可视化 JavaScript
宜搭数字化ERP解决方案(三)|学习笔记
快速学习宜搭数字化ERP解决方案(三)
686 0
宜搭数字化ERP解决方案(三)|学习笔记
|
监控 安全 项目管理
宜搭数字化ERP解决方案(二)|学习笔记
快速学习宜搭数字化ERP解决方案(二)
468 0
宜搭数字化ERP解决方案(二)|学习笔记
|
存储 数据可视化 专有云
行业分析,解读低代码,走进宜搭(四)|学习笔记
快速学习行业分析,解读低代码,走进宜搭(四)
480 0
|
存储 安全 数据可视化
走进钉钉宜搭|学习笔记(一)
快速学习走进钉钉宜搭
948 0
走进钉钉宜搭|学习笔记(一)
|
5月前
|
JavaScript
基于钉钉的宜搭创建付款流程
基于钉钉的宜搭创建付款流程
121 0

热门文章

最新文章

下一篇
无影云桌面