企业经营数据大屏实践演示|学习笔记

简介: 快速学习企业经营数据大屏实践演示

开发者学堂课程【低代码认证-第四章:企业经营数据课程企业经营数据大屏实践演示】学习笔记与课程紧密联系,让用户快速学习知识

课程地址https://developer.aliyun.com/learning/course/1010/detail/15065


企业经营数据大屏实践演示

 

内容介绍:

一、企业经营大数据大屏实践

二、钉钉宜搭大屏实践总结

 

一、企业经营大数据大屏实践

首先进入到钉钉宜搭,从空白创建一个应用其名为企业经营管理系统,新建两个企业经营中所需的基础表单。

image.png

分别为客户部和签约表。客户部包含客户的姓名,所属行业,联系方式,客户来源,所在城市还有经度纬度。签约表包括签约日期,合同编码,客户名称,合同名称,我方签约人,客户签约人,合同金额,单位,已收回款,未收回款,客户所在地址,签约明细表。在这张表中,我们需要提前录入数据,然后新建一个钉钉宜搭的大屏,将录入的数据展示到大屏当中。

image.png

选择钉钉宜搭的大屏,选择集团数据点击运行。先进行更改其大屏名称,更改为企业数据大屏,进入到大屏的操作面板之后。第一个为图层区域,第二个为组件区域,中间为画布区域,右侧是页面设置区域。当我们点击画布中的组件时,右侧变成组件设置区域,对大屏模板进行布局设置。将一些组件和标题更改为我们企业经营看板当中所需要的样式和文字。Windows 电脑通过 ctrl + 鼠标点击的方式多选去删除组件。 迈克本可以通过 coment + 鼠标点击的方式进行多选,通过 delete 的方式删除组件。

依次进行删除,删除完毕之后在画布位置进行文字配置。这里的数字翻盘器,在基础设置中找到标题,在此位置设置标题名称。将其更改为2022年累计签约额,图示下面的标题使用同样的配置。有些组件使用的是通用标题,需要更改其标题在数据源配置当中,更改静态数据,点击配置数据源。在此位置更改其 value 值,将其更改为客户数量,配置完毕后返回到页面当中。现在可以看到其变化为客户数量,通过这种方式就可以更改其标题。也有一些组件,像柱形图组件,无法选中柱形图更改里面的配置,在左侧的图形区域找到柱状图,通过这种方式就可以更改配置。点击比较大的图层,右键锁定图层。这样我们就可以选中下方被基本覆盖的图层组件。也可以通过找到图层解锁的方式,将其解锁开。现在通过删除和更改标题的设置配置企业运营数据的看板,最终展示的样子为上方为企业经营数据看板,左侧是集团的签约概况和员工的签约排名。中间是客户分布地图层,下面是2022年各地区的签约总和,右边是产品类型分布,客户引入渠道和签约的详情数据。进入到页面当中依次进行配置,将其放大首先可以看到其中的活动金额和科目数量。这些都是使用到的数据翻盘器的组件,统一对2022年累计的科目数进行配置,来学习数字翻盘器的配置。在图中可以看到其需要的字段是一个 value 值,其他字段是可选的。也可以在下方选择其他数据源相应的结果看到所需要的字段来配置它的数据源。

image.png

选择宜搭数据源,在数据源类型当中,数值选择姓名数据集选择客户库,统计客户库当中的人数。姓名由于是字符串的格式,将其类型改为计数,统计的是2022年累计的客户数,所以需要一个筛选条件,在左边的选择栏里配置,将创建时间日期拖过来,选择2022年的1月1日并且在配置一个小于2023年1月1日,当然这里也可以使用到大于等于,点击确定。

显示其返回数据为11,展示在这里的就是它的返回数据,这就是数据翻盘器当中累计2022年的客户数据。可以看到,这里以元为后缀,应该从哪里进行配置?找到基础配置,点击翻牌器,下方的后缀可以配置其内容,比如画布中使用的是亿元,其下方后缀就可以配置亿元,配置完成后其后面的格式就是亿元。后面的客户金额和客户总数都可以按照这种方法进行配置。接下来展示如何引入客户的渠道?

使用饼图去展示客户的引入渠道,同样的去选择数据,这里的字段是一个 type 和一个 value ,type 展示其分类, value 也就是其数值。配置其数据源,类别名称选择客户来源,值选择姓名并且将其聚合改为计数,点击确定,饼图配置完成。

这就是客户的引入渠道以及其百分比。接下来配置客户的分布地图,点击基础平面地图,在数据源当中可以看到子组件管理当中有一个区域热力层,这是模板自带的热力层。点击添加进行散点展示,点击散点层加入到子组件管理层,点击进入散点层的配置当中,显示的字段是经度纬度,配置其数据源。

image.png

在静态数据源当中可以看到,其传递的数据格式就是如此。在客户库当中已经录入其数据,将经纬度的数据放置到字段当中。选择数据集为客户库,选择其纬度和经度点击确定。现在数据已经配置完成,图中还没有显示散点效果,所以返回到散点配置当中,这里有默认配置、系列配置、交互配置,点开系列配置。

image.png

点击类型过滤值,其过滤值是 ok ,但是类型返回当中并未此类数据,需要在数据源当中配置数据过滤器,添加一个过滤器书写其代码,将类型等于 ok 放入,点击保存。现在页面已经将其展示出,这就是数据页面过滤器,返回到页面当中就是散点层的展示,接下来讲解签约表单所展示的大数据。首先是员工签约排名,这里的员工签约数据是 value 和 content ,value 为金额, content 为姓名。选择签约表单,值选择合同金额,默认是求和的状态因为它是数值类型。内容选择我方签约人,配置完毕之后,右侧会出现表格预览。确认无误后,点击确定,这里想要实现的是根据金额降序排列。返回到画布当中发现其并不是降序的排列,但是组件默认是降序的排列,所以不需要去进行配置。这就是轮播列表图示的配置,接下来展示各省自治区的签约总额和产品类型分布。这里的多省市区签约的总额和产品类型分布都是用的是柱形图组件,所以配置一个进行展示就可以,配置产品类型分布,一个 x 轴,一个 y 轴, x 轴展示的是其对应的值, y轴对应的相应数量。

所以再去配置数据源,这里选择签约表,签约明细,即选择签约表单当中的明细值。然后在 x 轴选择产品分类, y 轴选择数量,这里选择的是不规则的序列。所以根据其数量进行排序,预览状态没有问题就可以进行排序,这样配置完成产品配置图,下方的签约也是同样的配置。

接下来配置签约的详情信息,这里的详情信息通过表格展示,左侧选择表格,拖动轮播列表到组件当中,现将右侧面板隐藏到,拖动一个轮播列表。这里的签约详情信息展示的是我方签约人,客户签约人,签约的合同金额,签约的日期,最终在数据源当中返回,在此之前先将其基础配置设置完毕。

image.png

配置其样式,全局当中,表格行数选择5行,查看表头,其颜色为蓝色,将它更改一下。

与当前的背景颜色相呼应,然后更改其配置,这里的背景色同样的需要更改一下,当然也可以在右侧当中点击配置,行的配置完毕,序列也可以进行配置。

image.png

背景颜色选择透明,自定义列需要配合宜搭数据源,选择进入配置,选择签约表,将想要展示的字段,比如说我方签约人、客户签约人、合同金额、签约日期拖动到该表格进行展示,点击确定,下方为相应数据的结果,返回到自定义列。

image.png 

可以看到里面有列自定义名,需要将其改为返回到数据源更改的名称,比如说要展示我方的签约人,就可以将我方签约人复制过来,图示就可以展示出签约人的信息。这就是返回数据当中我方签约人的信息,将列的显示名拖过来进行配置。

第二个展示的是客户签约人,第三个展示合同金额,点击加号配置第四个签约日期,配置完毕,列宽占比均可配置更改,调整其样式的美观。企业经营的大屏模板全部配置完毕,最终观察全部配置的效果。

 

二、钉钉宜搭大屏实践总结

本章介绍钉钉宜搭大屏基本情况,并根据业务需求,学习钉钉宜搭基本情况,并根据业务需求,学习钉钉宜搭大屏各种组件的使用,展示企业经营数据大屏可视化的数据效果。

对企业经营数据看板创建的全流程回顾,首先搭建应用和所需表单、录入数据;大屏的创建、模板筛选;大屏组件数据关联、配置;大屏数据效果展示等等。

现在来看一道课后习题:

钉钉宜搭大屏支持使用哪些已沉淀的数据集?

A. 跨应用数据集

B. 子表数据集

C. 视图表数据集

D. 外部数据库数据集

答案是: A,B,C

相关文章
|
移动开发 数据可视化 前端开发
疫情可视化平台项目
疫情可视化平台项目
49 0
|
分布式计算 运维 DataWorks
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(1)
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(1)
211 0
|
数据建模
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(5)
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(5)
108 0
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(5)
|
数据建模 大数据
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(4)
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(4)
110 0
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(4)
|
数据建模
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(16)
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(16)
|
数据采集 分布式计算 数据建模
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(11)
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(11)
|
数据建模
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(12)
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(12)
|
数据可视化 算法 数据建模
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(20)
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(20)
104 0
|
数据建模
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(13)
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(13)
|
数据建模
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(15)
《全链路数据治理-智能数据建模 》——产品实操:零售电商数据建模操作实践(15)