开发者学堂课程【高校精品课-长安大学 -基于混合式教学的云计算课程建设：企业经营数据大屏实践展示】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/1046/detail/15217
企业经营数据大屏实践展示
一、内容介绍
二、钉钉宜搭大屏介绍
三、企业经营数据大屏实践
四、实操演练
五、钉钉宜搭大屏实践总结
钉钉宜搭高级开发课程第四章企业经营数据大屏实践，首先来看一下本章的课程背景。
一直以来，大屏都是对数值化的最强冲击力视觉表现方案之一，能辅助企业数字化一号位看到宏观的数字化效果和阶段进程，利用数据实现精准决策。尤其是在展示汇报、指挥决策、业务监控等场景，本章钉钉宜搭应用如何通过与强大的阿里云Data 内核结合，为用户提供炫酷数据大屏业务监控场景展示。
了解了课程的大概情况后，一起来看一下本章的学习目标。本章的学习目标有了解的钉钉宜搭大屏的基本介绍，掌握通过模板快速搭建大屏的技巧，掌握灵活使用大屏组件的技巧，独立搭建企业经营数据大屏。接下来来学习的第一小节
一、钉钉宜搭大屏介绍
钉钉宜搭大屏借助阿里云 Data 引擎，实现数据可视化的搭建，帮助有数据展示需求的用户快速完成格式化应用搭建，为管理者、运营、设计师、研发人员提供完整的可视化的工具，同时提供企业经营分析、业务监控、展示汇报、城市指挥等多种业务场景的综合解决方案。
动图就是钉钉宜搭大屏动态展示的炫酷效果。了解钉钉宜搭大屏之后，来看一下钉钉宜搭的核心要素。
1.钉钉宜搭大屏核心要素
有数据源，画布，工具栏，组件这是钉钉宜搭的核心要素，如数据源使用的钉钉宜搭创建可视化应用时，需要先指定原始数据所在的数据源。钉钉宜搭支持静态数据和钉钉宜搭的数据源。当然钉钉宜搭数据源包括项目本身数据源，表单的数据源，字表的数据源等
下面是画布。通过画布可以实现页面的布局与配色。各图表的大小位置排布以及应用的可视化预览，这些可以在画布当中进行配置。
下面是工具栏，工具栏主要是实现返回控制台、控制图层栏显隐、控制组件栏显隐等功能。
还有一个是组件，目前在钉钉宜搭大屏支持以下几种类型组件，其中包括图表、地图、信息、表格、和控件、媒体、其他、收藏等文件。其实主要是介绍了的钉钉宜搭大屏能够轻松易上手的核心优势，下面来介绍一下钉钉宜搭大屏的功能特性。
2.钉钉宜搭大屏功能特性（1）
其实钉钉宜搭大屏提供了指挥中心、地理分析、实时监控、汇报展示等多种场景的模板。业务人员去搭建大屏之前，拿到数据会有一些自己的想法，想去搭建一个页面比较美观的可视化大屏，没有时间去进行构思设计在提供的模板就可以将的这个想法呈现出来
钉钉宜搭大屏提供的模板覆盖了大多数企业，数字化所需要呈现大片场景，比如说销售实时看板、集团数据大屏、人事管理大屏、招投标行业大屏、大数据平台大屏、智能工厂生产大屏、产品销售数据大屏等等这些大屏。上述提供的都可以去开箱即用，然后进入到的画布当中进行设计就可以了。
其实在可以看到，比如说销售实时看板，集团数据看板里面都有地图组件，这就是大屏集成了非常强大的地图组件图层，可以一站式完成空间地理数据相关的格式化分析。
3.钉钉宜搭大屏功能特性（2）
地理信息具备非常多的表现方式，专业海量的地理数据，精准的映射是非常核心的功能，能够满足各类地质分析的场景。例如比如说有一些人口分布、城市交通、全球疫情、全球经济贸易往来对比等等，就有非常专业的手法去实现相关的这些数据来呈现可视化的效果
钉钉宜搭大屏是一个专业的可视化大屏，具有专业的地理信息组件，包括基础的地图。三维地图、三维地球等一系列的组件，这些组件都具有非常丰富的子组件。
包括热力层、飞线层、网格聚合层、蜂窝聚合层、柱状层等等一系列的组件，能够满足各类不同的地理数据的呈现，闭合式的分析。可以看到左边的这张图片是一个热力图，其中就可以去添加子组件，子组件可以是点热力层，如果添加的话，就可以在这个展示当中，既可以看到热力图上的分布，也可以看到点热力层上的分布，这就是实现地理数据多层叠加的一个功能。刚才说到了钉钉宜搭大屏支持多种图标组件，能够支撑多种数据类型的分析展示。现在来看一下是如何去布局的
4.钉钉宜搭大屏功能特性（3）
是可以通过拖拽的方式去创建可视化的应用，像表单页面一样可以在左侧去找到组件，然后拖拽到当中，通过这种所见即所得的方式去配置。当然，在还提供了多种业务模块级别而非图表组件的一些工具。对于可视化应用端分辨率不同的情况，钉钉宜搭大屏也可以很好的去进行适配。
5.钉钉宜搭大屏功能特性（4）
就比如说在这边去设置屏幕大小，可以去根据的收入去自定义的一个宽度和高度，然后可将组件放置在右侧拉宽的宽度里面，这样能够适配非常规拼接分辨率，满足不同场合下的使用。其实也可以看到，在页面设置当中还可以设置的背景颜色、背景图等等一系列的设置，了解了钉钉宜搭大屏的功能特性后，来看一下的具体应用场景。
6.钉钉宜搭大屏应用场景（1）
首先常见的从企业上用到了一些大型的场景，就是这些运营数据看板，想要去监控销售数据、工厂生产数据，还有运维的数据，还有区域经济监测的数据就可以在这边去进行配置，之后可以看到面的数据都是实时发生变化的，这个就是比较贴合在这个企业当中，想要去看近期的一个运营情况，就需要动态的去展示这样的一个效果，只需要去把的数据提前进行一个录入，录入完成之后，在大屏当中选择到一个数据集进行展示，就可以实现这种多样的一个效果。
是一个运营数据看板，里面比较多的是这个数字翻牌器组件，还有比如说的轮播饼图表格组件等等，下面来看一下展示地域或者说全球形势的这样的一个看法。
7.钉钉宜搭大屏应用场景（2）
是地理数据看板，包括这个地图的一个形式，全球地图的一个形式，还有地域，在可以看到，是有这种不同的展示方式的，都可以通过大屏来进行设置，是一个3D 地图的一个看法，可以去进行这样的一个转动，炫酷的进行展示。并且可以看到这边还有非线行。可以快速的去查看，比如说制造的这些工具分别都发往哪些城市，就可以使用非线的这个图层去进行动态的一个展示，让直观的可以看到生产的东西发往了其的哪些城市。后面呢，还有出入境边防检查站的大数据可视化的调研分析，也可以通过这样的一个大平台进行展示。
8.钉钉宜搭大屏应用场景（3）
来看下一个，下一个是大型活动指挥大屏，场景会运用于比如说第一个差旅的信息，国际的差旅信息，可以通过的指挥大厅进行展示。国内的或者是国外的，后面是的一个接送的一个情况，包括的活动现场，外管的活动现场内管的一个楼层的切换，还有内管的一个活动现场，都可以使用大型活动指挥大屏进行展示，比如说内管的活动现场，可以根据人员的分布去分配馆内值班人员的数量。
这就是钉钉宜搭大屏的介绍、特性和应用场景。接下来来学习第二小节，企业经营数据大屏实践。
二、企业经营数据大屏实践
1.企业经营数据大屏使用背景与诉求
首先来看一下企业经营数据大屏的背景与诉求。企业的管理者需要实时的去了解客户进来的渠道分布的地址、签约地址以及签约总额，通过对客户进来的渠道去进行数据分析，来形成目标客户的用户画像，结合签约数据去筛选选出最优质的客户。渠道的诉求是需要搭建一个钉钉宜搭大屏，要求如下，第一点，需要页面美观大气，第二点，能够清晰直观的知道客户地点分布，客户的总量以及签约的金额。针对这两点诉求来创建这个应用。
2.企业经营管理应用的系统组成
这个应用当中，在钉钉宜搭表单当中去创建了一个客户库表和一个签约表都是表单页面。右侧就是集成这个表单里面的数据进行大屏展示的一个效果。包含2022年的一个合同金额，还有客户数，签约排名，签约的一个地区，还有总额，产品类型分布，引入渠道来签约详情的一个信息，现在看到钉钉宜搭表单当中是获取到了这个数据，在大屏当中进行展示。下面来简单看一下表达当中哪些数据去对应的大屏实现的效果。
3.应用数据与大屏的数据对应关系
首先是客户库，客户库里面是获取到客户的姓名，来源，还有经纬度，对于大屏的展示是这个2022年的一个客户累计数，阅读增长数，客户总数，客户来源是这个客户所在引用渠道，还有这个经纬度，经纬度是用在了这个基础平面地图上，里面展示的是客户分布的这个地图。然后下面的签约表，签表单当中包含了我方签约人、合同金额等等一系列的表单数据，其实还有一个签约明细表。这是表单内的明细组建，也可以在大厅当中去进行展示。简单看一下用数据与大数据对应关系后再来看一下钉钉宜搭大屏中，用到了哪些组件？
4.钉钉宜搭大屏常用组件介绍（1）
用到了图表，图表包括了柱状图、条形图、折线图、区域图、饼状图等等。还用到了的组件，刚才说到了用了基础平面地图了这个地图见，其的也可以看一下。还有BI分析，BI的分析包括的柱状图还有区域热力图轮播，标签层，飞线层，其实没有用，用了状图，还有这个信息，信息当中其实包含这个倒计时业务指标，通用标题等等，在是用了通用标题去更改的这个标题名称
5.钉钉宜搭大屏常用组件介绍（2）
来看一下下面的是的媒体，媒体当中可以去自定义的背景块等等一系列可以去看一下。然后就是表格组件，因为也会针对表格组件进行一个讲解表现，用了轮播列表去进行展示签约详细信息。这边还有控件，在控件当中包含，对可以去嵌套其的页面进行展示。没有用到可以了解一下。接下来就针对全流程配置进行讲解
6.可视化大屏搭建流程
首先来看一下搭建流程。可视化大屏的搭建流程，首先要去进行应用搭建与数据准备，这个是在钉钉宜搭当中，先去创建一个钉钉宜搭应用，然后去创建客户表单和签约单，然后在里面去录入一些数据，用作后续的大屏展示，完成数据之后去新建一个钉钉宜搭大屏。新建大屏之后，可以去对大屏模板进行一个选择，提供的是十个模板刚才也讲解到了，或者说是从空白模板去进行一个创建也是可以的，是进行了一个大屏模版的选择，完成之后可以去拖拉组件进行布局。拖拉组件布局完成之后就可以调整组件的样式。更改完成之后去关联到钉钉宜搭的数据，就是选择的数据源，选择完之后就可以进行的一个效果预览了，这是可视化大屏的一个搭建流程。下面来看一下这个客户表和签约表里面的这些组件。
7.企业经营管理应用的表单搭建
这个表单搭建当中是有一个客户库和签约表，客户库当中有姓名、所属行业、联系方式、客户来源、联系方式、经纬度等，这个客户库其实适用于收集客户的信息的，可以使用免登的方式让客户去填写信息，然后通过定位经纬度的一个方式去通过代码书写，然后将经纬度或者填写到这个页面中。签约表单适用于员工录入签约数据，获取员工签约详情的信息，其实包括签约日期、客户名称、合同金额等等，其中是有签约明细这一个子表的，这个当中也可以去获取了一个字表数据集进行展示。了解了经营表单的搭建之后，来看一下的宜搭平台的创建
8.选择企业经营的大屏模板
首先在这个后台应用当中点击加号，然后去新建一个大屏，新建完成之后就可以去选择模板，在这边是创建企业经营数据大屏，所以选择的是集团数据大屏的这个模板，然后点击。进入到的这个页面当中，首先来看一下这个大屏操作界面，从左往右依次是图层区域，组建区域，发布区域，页面设置区域，当将组件拖动到画布当中，选择就会出现图片设置的这个区域。了解了的大屏的一个操作界面之后，来看一下以柱状图为例，来看一下的一个配置。
9.钉钉宜搭柱状图实践介绍
钉钉宜搭大屏组件的配置包括的基础配置，数据配置，还有交互配置，基础配置包括的图标尺寸，位置，旋转角度，不透明度，全局样式，坐标轴配置等，都可以在的基础配置当中进行选择配置。
第二个是的交互配置，就是重点需要去讲解的。可以看到，是有一个数据接口的，会映射出需要一个什么样类型的一个字段。然后下面就可以去配置的一个数据源。原来是一个静态数据，点击配置数据源，然后选择宜搭数据源就可以完成到大数据大屏展示的步骤，是一个配置里面可以配置点交货，下面继续看一下这个配置数据源
10.钉钉宜搭大屏柱状图数据配置（1）
配置数据之后就可以进入到这个界面当中可以选择的数据源，选择数据点击进入配置里面，可以配置。选择了这个应用数据，进入配置页面之后可以选择数据级
11.钉钉宜搭大屏柱状图数据配置（2）
这是应用的表单，选择到了签约表，然后第二步，就可以在签约表里面去找到的字段，去拖拽到的直里面，选择这个显示的内容，完成之后，右侧图表预览当中就可以看到实时更新的图表画布，最后的数据要去重新展示，也可以在去勾选是否去重，还可以去控制返回数据量，这就是的钉钉宜搭柱状图的一个数据配置。下面来看一下表格的配置
12.钉钉宜搭大屏表格轮播实践介绍
钉钉宜搭大屏轮播表格组件，先看一下的基础配置，包括这个全局配置，表头，行配置。自定义列，这都需要先去选择到这个轮播表格组件，然后选择的基础配置。为了页面美观，所以会进行这样，比如说全局的配置等等的，这为了行配置的颜色贴合当前的背景，这样也是调整表格的背景，总体来说就是运用了一个表格组件，然后对这个组件的行数进行一个设置了设置五行，然后对表头进行一个设置没有打开。里面其实有些配置里面还有行的一个配置包括的颜色还有表格列参数的一个配置里面，在大屏实践中进行一个详细的讲解，现在看一下整体大屏展示效果。
其实是配置了的数字翻牌器、柱状图、饼状图、表格组件，最重要的地图图片。根据钉钉宜搭大屏展示的效果，现在进行实操演练
三、实操演练
首先进入到宜搭一个空白，创建应用起名为企业经营管理系统，新建两个企业经营所需的基础表单，分别为客户和签约客户，包含客户的姓名、所属行业、联系方式、客户来源、所在城市，还有经度和纬度、签约表。签约表当中包含签约日期、合同编码、客户名称、合同名称、我方签约人、客户签约合同金额、单位、已收回款、未收回款、客户所在地址还有签约明细明细表。在面需要录入一些数据。已经提前录好了。现在就需要去新建一个宜搭大屏，将录入的数据展示在大屏当中。选择新建宜搭大屏。选择集团数据、点击。先去更改的大屏名称 更改为企业经营数据大屏。
进入到大屏模板的操作界面之后来看一下，第一个是的图层区域，第二个是的组建区域，中间是画布区域，右侧是页面设置区域，点击当中画布当中组件，右侧变成组件设置区域。现在对大屏模板进行布局的设置，要将一些组件还有一些标题更改为企业经营数据看板当中所需要的样式和文字，这边 Windows 电脑可以通过control 加鼠标点击的方式多选去删除组件，迈克本可以通过加鼠标点击的方式进行多选。然后通过这个方式去删除组件。依次去进行删除，之后要在这边去配置文字，数字翻牌器要将标题。在基础设置找到标题，在设置的标题名称更改为2022年累计签约。下面这些数字翻牌组件也是同样的配置。然后找到一些组件使用的通用标题，通用标题更改标题要在数据源配置当中去更改静态数据，点击配置数据源去更改的一个 value 值，去更改为客户数量。配置之后返回当中，可以看到已经变成了客户数量，通过这种方式就可以去更改的标题
当然有一些组件比如说柱形图组件。选择不到柱形图更改里面配置，就可以在左侧的图层区域去找到下面的柱形图。通过这种方式就可以去进行配置柱形图的这些数据，当然也可以去点击这个比较大的图层，然后右键去锁定这个图层，就可以直接选择在下方被覆盖住的基本柱形图组件了，然后也可以在找到之后，通过解锁的方式解锁开
现在通过删除和更改标题的配置来去配置企业运营数据的这个数据看板，已经提前配好了，找到页面。最终展示的效果就是上方企业经营数据看板。左侧是集团的签约概况和员工的签约排名，中间是的一个客户分布的一个图层，下面是2022年各地签约总额，右边是的产品类型分布，客户引入渠道签约的详细数据
进入这个页面中，依次来进行配置。可以看到面的累计合同金额和客户数。首先这些都是用的数字翻牌器的组件，所以统一对2022年累计的客户进行配置，来学习数字翻牌器的配置。可以看到需要的字段是一个 value 值，其字段是一个可选的。也可以在下方找到静态数据响应结果来看到的一个字段来配置的数据源。选择宜搭数据源在数据类型中。数值选择姓名。数据集选择的客户库，统计客户库当中总共有多少人。由于字符串格式所需要的类型改为计数。这边统计的2022年的客户，需要一个筛选条件，配置的条件，将创建时间日期过来，需要去配置大于2022年的1月1日，并且在配置一个小于2023年1月1日，可以使用大于等于，然后点击确定。返回的数据是11。然后展示的就是返回的一个数据就是数字翻牌器当中2022年累计客户数的配置，来看一下面是以元为后缀的，这样的一个以元为配置，应该从哪里进行配置呢？
找到基础配置，有翻牌器下方的后缀，可以去配置里面的内容，比如说里面是用一元就可以配置一元。然后后面的后缀就是一元一个的格式，改回来。后面的客户总数，还有总金额等等都可以按照这种方式进行配置。
接下来讲解如何去展示客户的引入渠道。使用饼图去展示客户的引入渠道。同样的去选择数据。字段是一个 type 还有一个 value 就是展示出来的分类 value 也就是的数值，所以去配置数据源。类别名称选择客户来源。值选择姓名，并且将聚合改为技术。点击确定。饼图已经完成，这是的一个客户引入渠道和百分比。
接下来配置客户的分布地图。点击这个基础平面地图在数据源当中子组件可以看到组件管理当中有一个区域的热力层，这是模板自带的历程，点击添加来添加散点展示。点击散点层添加子组件。点击进入散点层的配置当中，必要字段是经度和纬度配置数据。在静态数据当中可以看到里面传递的数据格式是这样的，在客户当中已经录入的经纬度，所以经纬度数据放置在子段当中，选择数据集为客户。选择的一个纬度和经度。点击确定。数据源已经完成了，但是数据源当中没有展出的一个散点的效果，所以回到的散点的基本设计当中。是有默认配置，系列配置，交互配置，点开系列配置里有一个类型过滤值的滤值是 OK。
返回数据当中并没有类型为 OK 的一条数据，需要在数据当中去配置数据过滤器，添加一个过滤器可以去书写的代码将类型等于OK放进去，点击保存。页面当中就已经展示出数据，就是的一个数据过滤器。返回页面当中。就是散点层的一个展示，
接下来讲解签约表单展示在大屏上的数据。首先是员工签约排名。员工排名的一个数据类型是 value 和 content 配置的一个 value 为金额 content 为员工的姓名。选择签约表单。值选择合同金额，默认就是和的状态因他是数值类型，内容来选择我方签约人。完成之后右侧就有图表的预览，确认无误后点击确定。想要实现的是，其实是根据金额进行降序排列，返回到数据当中。可以看到其实并不是降序的排列，但是这个组件是默认是一个降序排列，所以不需要进行配置，就是轮播列表柱形图的配置
接下来展示各省市区的签约总额和产品类型分布。各省市区签约的总额和产品类型分布都使用的是柱形图组件，所以配置一个进行展示就可以了，来配置产品类型分布。来看一下这个图是一个 X 轴和 Y 轴。X 轴展示的是产品的分类。Y 轴展示的一个数量，所以再去配置数据源。所以选择的是签约表，签约明细就是选择签约表单当中的明细组件里面的值。然后在 X 轴，也就是类目，在选择产品的分类。Y 轴，选择数量。然后展示的是不规则的这样的一个序列。所以去进行排序，去根据的数量进行排序。预览的状态没问题，点击确定。这样就配置了这个产品类型分布的柱形图。下方的签约的总额也是同样的配置 接下来来配置签约的详情信息。详细信息想要通过表格去进行展示。所以在左侧当中选择表格，拖动一个轮播列表组建当中。先将右侧的面板隐藏掉拖动一个轮播列表。签约详情信息需要展示的是我方签约人、客户签约人、签约的合同金额，签约的日期，选择数据在数据当中返回，这些数据返回之前先配置的基础配置，配置的样式选择全局，先全局当中的表格行数选择五行。看一下表头，表头背景色这样一个蓝色更改一下。
这样和当前的背景颜色相符一些，然后去更改行配置。背景颜色同样的更改，也可以在右侧当中点击进行更改，这样行配置就可以完成，系列号也可以进行配置一下透明色。然后就是自定义列，这里的自定义列字段名配合宜搭数据源进行使用，所以去配置的数据源选择配置，选择签约表。想要展示的字段，比如说我方签约人。客户签约人，合同金额，还有签约日期拖动进行展示，然后点击确定。下方数据反映的结果。返回自定义列当中，可以看到里面有列字段名，更改为程序员返回地面的名称，比如展示的是我方签约人，可以将签约人复制过来，复制过来之后这边就已经显示签约人的信息了。返回数据当中，签约系列的显示面也过来，然后继续去配置第二个，展示客户签约人，第三个展示合同金额。然后点击加号来配置第四个。
第四个来展示签约日期。就配置完成了，当然这个列宽占比也可以进行更改。
去调整样式美观。这就是的签约信息的表格的配置。这样的企业经营数据大屏看板已经全部转成，最终来看一下全部配成的效果。
四、钉钉宜搭大屏实践总结
最后来看一下的大屏实践总结。本章介绍钉钉宜搭基本情况，并根据业务需求，学习钉钉宜搭大屏的使用，展示企业经营数据大屏可视化数据效果。现在来进行企业经营数据创建流程，首先搭建应用所需的表单，录入表单所需的数据。
然后选择创建大屏进行了模板筛选，使用到了集团数据看板的模板，布局配置好之后，将大屏进行数据关联配置，里面就获得了宜搭数据，然后进行配置。最终进行大数据的展现展示
课后练习题，钉钉宜搭大屏支持哪些已沉淀数据集
A跨应用数据集 B子表数据集 C图表数据集D外部数据库数据集。
答案是ABC
