工业可视化应用课件：设备营销租赁的可视化设计

设备营销租赁的可视化设计1设计设备租赁数据页面>>※任务实施《工业可视化》/《工业可视化》/目录1.任务分析2.导入项目3.设计累计租赁数据4.设计租户信用排名5.设计租赁设备分布6.设计租金数据统计7.预览验证页面效果1.任务分析（1）

任务分析本任务的主要目的是设计租赁经营分析大屏，展示今年累计经营指标，租赁计划统计，企业积分排名TOP10，租赁设备分布，客户风险等级等，具体展示数据和显示组件分析结果如表所示：展示模块具体内容使用组件数据源今年累计经营指标本月出租设备数、本月租金收入、今年累计租户、今年累计租金文本组件、图片组件MYSQL数据库-本年度累计租赁指标租户信用排名租户信用排名柱状图组件MYSQL数据库-租户信用排名租赁设备分布租赁设备分布统计柱状图组件、数据下钻、数据关联MYSQL数据库-租赁设备分布设备出租详情表格组件、数据关联MYSQL数据库-租赁设备分布租金数据统计新增合同额、已逾期租金饼图MYSQL数据库-租赁数据统计应收金额、已收金额饼图MYSQL数据库-租赁数据统计任务分析2.导入项目（1）登录云视界，在云视界首页，单击“创建项目”，在弹出来的对话框中，通过“导入项目ID”新建项目，打开之后会弹出编辑界面。如图所示：创建项目3.设计累计租赁数据本任务设计的今年累计租赁指标，主要是使用文本和图片组件的形式来根据数据源的数据进行展示；使得信息更直观。设置文本（1）先把文本组件拖拽到本年度累计租赁指标区域，使本文显示“本月出租设备数”，属性可根据审美偏好进行设置；之后从“材库→素材库→图标→行业”素中拖拽合适的图标到页面如图所示的位置。（2）在基础组件中将文本组件拖拽到容器中，自定义设置其属性，单击数据源，类型选择“数据源”，数据源选择“本年度累计租赁指标”，取值选择“本月出租设备数”，最后单击保存当前页标签。设置数据源3.设计累计租赁数据（3）重复前两步的操作，分别完成“本月租金收入”“今年累计租户”“今年累计租金”的文本设置，其对应的数据源都是“本年度累计租赁指标”，取值分别对应如图所示。设置其他文本3.设计累计租赁数据（1）在基础组件-图表中将柱状图拖拽至租户信用积分排名区域的合适位置，本示例选择“横向柱状图”。设置其他文本4.设计租户信用排名柱状图属性的图表选项和非实时数据处理的设置如下图所示。其中非实时数据处理的“倒序”为否，“正序”为是，“数目”为6，即为至显示正序的前6条数据。其他属性可无需调整。4.设计租户信用排名4.设计租户信用排名（2）配置横向柱状图的数据源。选中柱状图时，切换到数据源栏，数据源选择“租户信用排名”，维度选择“租户简称”，度量选择“信用积分”。设置数据源5.设计租赁设备分布（1）添加柱状图组件。在基础组件-图表中将柱状图拖拽至租赁设备分布统计区域的合适位置，组件的属性设置可自定义。添加柱状图5.设计租赁设备分布（2）设置下钻目录。选中柱状图时，切换到数据源栏。①数据源选择“租赁设备分布”，②单击“配置数据源”标签会展开配置框，③选中“省份”后单击右键，在右键菜单中创建下钻目录1。设置下钻目录5.设计租赁设备分布（3）设置维度和度量。①依次将“城市”“租户简称”加入到创建的“下钻目录1”，②通过选中并拖拽的方式将“下钻目录1”拖拽到维度下，③将维度中的“分组开关”开启，④度量选择“租赁设备数”，如图所示，最后记得保存。设置维度度量当在维度开启了分组功能后，此度量默认的汇总方式为“求和”，如果需要设置其它汇总方式可以通过单击度量内的设置图标进行设置。5.设计租赁设备分布（4）添加表格组件。在基础组件-基础中将表格拖拽到容器的合适位置，属性可自定义，切换到数据源栏中，数据源选择“租赁设备分布”，维度依次选择“省份”“城市”“租户简称”“租赁设备数”，将表格翻页勾选上。添加表格组件5.设计租赁设备分布（5）开启数据关联功能。单击可视化编辑器导航栏的“图层”标签，在左边的导航栏中看到图层结构，单击“租赁经营分析大屏，在右边属性栏中将“数据关联”的开关打开，最后保存。开启数据关联5.设计租赁设备分布（6）①单击柱状图右上角的组件联动图标，②在弹出的右边框中将“组件联动”的开关开启，③单击勾选设备出租详情区域的表格的左上角选中表格，④单击右下角的“确定”按钮，完成柱状图与表格的组件联动设置。设置组件联动6.设计租金数据统计（1）添加饼图组件。在图表组件中，找到“饼图”将其拖拽到租赁收入统计区域中，图表主题选择“主题2”，数值样式选择“数值”，字号选择“18”，环形大小选择“60”，其他参数自定义设置。添加饼图6.设计租金数据统计（2）设置饼图数据源。切换到数据源标签，数据源选择“租赁数据统计”，度量依次选择“已逾期金额”“新增合同额”，完成后保存并刷新。设置数据源6.设计租金数据统计（3）按照前2步的操作，添加另一个饼图，其数据源选择“租金应收统计”，度量选择“应收金额”“已收金额”。设置其他饼图7.预览验证页面效果（1）保存后单击预览标签，会出现预览效果，单击全屏预览，在全屏预览模式下，单击租赁设备分布统计的柱状图。预览效果7.预览验证页面效果（2）如果前面的设置没有问题的话，那么此时柱状图数据会下钻到市级，且被联动的表格也会出现对应的省级的设备出租详情。预览效果22THANKYOU

《工业可视化》/设备营销租赁的可视化设计1设计设备租赁数据页面>>※任务说明《工业可视化》/任务描述01学习目标02目录01任务描述租赁业务是公司经营业务的重要组成之一，根据项目沟通结果，本任务使用可视化设计平台设计集团的租赁经营业务分析的可视化大屏，需要展示的主要内容包含如下：年度累计租金收入和累计租户数、租户信用排名、租赁设备分布统计情况、租金数据统计信息等。02学习目标知识目标技能目标熟悉柱状图组件的属性及数据源配置内容；熟悉数据下钻的作用及其配置方法；熟悉组件联动的作用及其配置方法；了解租赁业务关注的数据；了解数据源维度进行分组的作用；会配置柱状图的属性及数据源；会配置柱状图的数据下钻，使之显示下一层级的数据统计结果；会配置柱状图和表格组件的组件联动，当单击柱状图的某个柱子对应的数据时，会出现对应的详细表格信息；会验证数据下钻和组件联动的效果；会根据数据源的展示需求，为数据维度进行分组；《工业可视化》/设备营销租赁的可视化设计1设计设备租赁数据页面>>※知识准备《工业可视化》/目录租赁业务介绍01图表组件-柱状图02数据下钻03数组联动041.租赁业务介绍租赁（leasing）是一种古老的商业模式，它包含三层涵义，一是物权与使用权的分离，即使用人不必是所有人；二是使用权的分时共享，如此可以减少租赁物的闲置时间，从而提高使用率；三是以定期的租金替代一次性的大额投入。按需使用常见于临时性的需求，如旅馆、共享单车、汽车租赁；买不如租常见于单笔购买投入太高的场景，如商业写字楼、高价值设备等；租赁模式的使用通常有两类场景：1.租赁业务介绍租赁可以分为融资租赁（Financialleasing）和经营性租赁（Operatingleasing）两种，以下以设备租赁进行解释。融资租赁：出租人（即资金方）根据承租人（即设备使用方）的需求向指定设备厂家购买设备，然后以租赁的形式给承租人使用，承租人定期向资金方支付租金，设备产权属于出租人。但是设备的维修保养由承租人自己负责，租赁期满后设备的产权通常移交至承租人。融资租赁在美国又被称为“有条件销售”经营性租赁：出租人购买设备，根据承租人的需求进行出租，租赁期间由出租人负责设备的维保，租赁期满后设备归还于出租人。设备产权在整个过程中一直属于出租人。经营性租赁在美国又被称为“真实租赁”租赁业务1.租赁业务介绍我国的经营性租赁按需求场景可以分为零租和长租两类。零租为突发性、临时性的租赁需求，租赁时间通常为2-3天，工程结束后结算。典型的场景如混凝土泵车的租赁，通常泵送只需2-3天时间。长租为长期性的租赁需求，通常是一个大型建设项目的租赁，按月付费。典型的场景如塔吊的租赁。我国的租赁公司多为专注于某一类设备的租赁，如规模最大的庞源租赁主要以塔吊为主，包含少量的架桥机和施工梯业务。2.图表组件-柱状图柱状图是使用垂直或水平的柱子显示类别之间的数值比较的图表组件，易于比较各组数据之间的差别及走势。其中一个轴表示需要对比的分类维度，另一个轴代表相应的数值。例如，柱图可以比较某个车间不同设备的产量。使用时，从图表组件中拖拽到页面所需的位置即可。2.图表组件-柱状图位置尺寸：XY是设置组件的高度和宽度，单位为像素；WH是组件的宽度和高度柱状图有3种形式可选，可选水平柱子或者横向柱子或立体柱子设置内容2.图表组件-柱状图属性设置显示：有“居中”“填满”“自定义”三种方式。其中前两种方式有相应的尺寸大小，“自定义”方式可以任意调整尺寸大小；时间格式：有多种格式可设置，包括“小时”“年-月-日”等。图表选项：勾选上对应的选项在组件图中可显示2.图表组件-柱状图属性设置图标主题：预设的图表主题有6种；图标字体：可对折线图中的“图表字体”“字重”“颜色”“字号”进行显示设置；Y轴极值：可设置折线图Y轴的最大值，超过该最大值部分将不显示在图中2.图表组件-柱状图间距：柱子之间的距离边框：设置柱状图的边框，可设置实线、虚线、无图表样式2.图表组件-柱状图颜色指定方式配置数据源后，颜色指定方式才会有内容显示，用以设置不同度量所呈现的颜色，可以设置渐变色属性设置非实时数据处理如果是非实时显示的数据，设置此内容后，可以按照倒序或者正序选择其中的指定条数据进行显示，如图中设置表示：以正序选择最大的前10条数据进行显示3.数据下钻数据下钻功能支持将数据源中的维度字段按业务需要自定义设计下钻层级，设置成功后，数据会按照设置层级下钻，下钻层级最多5层。应用场景举例：场景一场景二用柱图展现各个省份的销售额，然后点击具体某个省份，这个柱图就变成该省份下的各个城市的销售额。按照年份查看产量总额，然后点击某年查看这一年下面每个省份的产量，在点击查看该省份下各个城市的产量。（以场景二为例）选择数据源，可以看到数据源展开区域里显示了所有的字段，设置下钻维度。现在我们要实现先按年份，再按省份，再按城市来统计产量，所以要实现一个下钻层级（产量统计）的创建：年份>省份>城市，在“年份”字段上右键创建下钻层级，然后把省份和城市也拖拽进去，它们的顺序决定了下钻时先看到哪个维度，将创建好的下钻目录拖拽到“维度”上，将“产量”拖到度量上。3.数据下钻操作步骤1首先能看到按年份统计产量总数，点击某年份，可以看到这一年中各省份的产量，再点击某省份，可以看到该省份下各个城市的产量，也可以通过点击“返回”查看上一级。3.数据下钻操作步骤24.组件联动组件联动是在云视界预览或发布的页面有两个或两个以上的组件时，单击其中一个组件，另外一个组件的数据随之变化，产生联动效果。例如，一个统计销量的柱状图组件作为发出联动的组件，销售项目信息的表格组件为被联动组件；当单击统计销量的柱状图时，表格随之显示对应的销售项目信息。目前云视界支持双向联动（既可以发出联动，也可以被联动）的组件有：柱状图、折线图、柱状折线图、高级饼图和矩形树图组件；支持单向被联动的组件有：图片、文本、表格、管道、基础仪表盘、分段仪表盘、力矩百分比、环形进度条、直线进度条、框线文字、数字卡片、数字图标卡片、数字翻牌和水位图组件。（1）双向联动（2）单向联动4.组件联动设置组件联动时，先单击发出联动的组件右上角“联动”图标，在组件联动面板开启组件联动按钮，选择被联动的组件，选择完成后单击“确认”，如图所示：4.组件联动然后切换到图层，选中整个页面，将页面属性中的“数据关联”开关打开，如下图所示：4.组件联动预览或发布页面，单击柱状图组件的数据，表格的数据随之发生变化，如图所示。也可以单击页面右上角清除所有联动。45THANKYOU

设备营销租赁的可视化设计2设计市场营销数据页面>>※任务实施《工业可视化》/《工业可视化》/目录1.任务分析2.导入项目3.设计客户分类数据4.设计销售统计数据5.设计签单完成率6.设计产品对比分析7.设计月度销售冠军8.预览验证页面效果1.任务分析（1）

任务分析本任务的主要目的设计显示营销业务分析大屏的主要数据，供企业管理者进行查看，包括客户分类数据、销售额在各区域和不同月份的统计数据、年度和月度签单完成率等，分析结果如表所示：展示模块具体内容使用组件数据源客户分类客户分类统计数据饼图组件MYSQL数据库-客户分类数量统计客户分类销售额贡献饼图组件MYSQL数据库-客户分类销售额贡献销售额统计销售数据统计柱状图组件MYSQL数据库-区域销售数据统计日历筛选器MYSQL数据库-区域销售数据统计签单完成率年度签单完成率环形进度条MYSQL数据库-年度签单完成率月度签单完成率折线图组件MYSQL数据库-月度签单完成率日历筛选器MYSQL数据库-月度签单完成率、年度签单完成率产品对比产品对比分析雷达图组件MYSQL数据库-产品对比分析销售明星月度销售冠军卡片组件MYSQL数据库-销售明星统计任务分析2.导入项目（1）

任务分析（1）登录云视界，在云视界首页，单击“创建项目”，在弹出来的对话框中，通过导入项目ID的方法创建项目。创建项目2.导入项目（1）

任务分析（2）导入后，进入编辑界面，如图所示。创建项目3.设计客户分类数据企业销售部对客户进行分类，可以实现企业内部对于客户的统一有效识别，也常常用于指导企业客户管理的战略性资源配置与战术性服务营销对策应用，支撑企业以客户为中心的个性化服务与专业化营销。对自己拥有的客户进行有效的差异分析，并根据这种差异来区分不同价值的客户，更合理地进行配置，实现客户资源价值和企业投入回报的同步最大化。本模块就是设计展示客户分类的数据。（1）添加饼图组件。在基础组件-图表中将饼图拖拽至客户分类区域内上方，属性可自定义。（1）

任务分析设置数据源（2）设置饼图数据源。选中饼图的情况下，切换至数据源设置，数据源选择“客户分类数量统计”，度量选择“A类客户”“B类客户”“C类客户”。3.设计客户分类数据（3）使用文本组件显示“客户分类数量统计”的内容。设置文本3.设计客户分类数据（3）按照前3个步骤，完成“客户分类销售额贡献”的饼图设计。设置其他饼图3.设计客户分类数据（1）添加柱状图组件。在基础组件-图表中拖拽柱状图至销售额统计的合适位置，属性可自定义。添加柱状图4.设计销售统计数据（2）配置数据源。切换到数据源栏，数据源选择“区域销售数据统计”，维度选择“日期”并设置其时间格式为“年月”，度量选择“销量”。配置数据源4.设计销售统计数据（3）添加多选框筛选器。在基础组件-网页中将筛选器下的“单/多选框”筛选器拖拽到容器合适位置，将显示方式设置为多选，将筛选器名称中的标题修改为“请选择查询的区域数据”，其它属性可自定义。添加筛选器4.设计销售统计数据（4）设置筛选值。在选中单/多选框筛选器的情况下，①切换到数据源配置栏，②数据源选择“销售数据统计”，③显示内容选择“区域”，④传参选择“区域”，⑤单击待选值中的“+添加”，在弹窗中选择“全选”，⑥单击“确定”按钮。设置筛选值4.设计销售统计数据（5）设置单/多选框的筛选数据源。设置数据源4.设计销售统计数据（6）添加日历筛选器。拖拽日历筛选器到销售额统计区域内，设置其属性的显示格式为“2022年”（如果以年为筛选区间，会自动显示当年的年份），标题名为“请选择查询年份”，字号改为16，其他属性参数可无需修改，也可以根据审美偏好修改。添加日历筛选器4.设计销售统计数据（7）设置日历筛选器数据源如图所示，最后保存并刷新。设置数据源4.设计销售统计数据（1）在控件组件区中，把环形进度条组件拖拽到签单完成率区域内，并自定义设置其属性，也可以按照下图所示进行设置。添加环形进度条5.设计签单完成率（2）设置环形进度条的数据源。如图所示，数据源选择“年度签单完成率”，度量选择“签单完成率”。设置数据源5.设计签单完成率（2）在图表区中将折线图拖拽至签单完成率区域中，图表选项可参照图所示进行设置，自定义其他属性。设置属性5.设计签单完成率（3）设置折线图数据源。选中折线图的状态下，切换到数据源配置栏，数据源选择“月度签单完成率”，维度选择“日期”，度量选择“签单完成率”。设置属性5.设计签单完成率（4）添加日历筛选器。参考销售额统计区域的日历筛选器的操作方式，也可以通过复制粘贴的方式，为签单完成率区域设置日历筛选器，数据源配置如图所示，完成后保存刷新。添加日历筛选器5.设计签单完成率6.设计产品对比分析本区域设置不同产品在五个销售数据的维度对比，从而判断产品的投放市场后的反馈，协助管理者对于确定主推产品、改进产品、产品销售策略做决策。添加雷达图组件（1）添加雷达图组件。从图表组件中将雷达图拖拽至产品对比区域的合适位置，可自定义属性设置。（2）设置雷达图数据源。切换到数据源配置栏，①数据源选择“产品对比分析”，②将维度的分组功能开启，③维度选择“维度”，④度量依次选择“A产品”“B产品”“C产品”，在每个度量后单击设置图标将汇总方式改为“求平均值”。设置数据源6.设计产品对比分析（1）添加卡片组件。网页组件区域中将卡片组件拖拽至销售明星区域中，在属性配置栏中，设置卡片的基础设置为2行2列共四个小卡片，数值的标题字体选择30号，其它设置可自定义。添加卡片组件7.设计月度销售冠军（2）设置卡片组件数据源。切换到数据源配置栏，数据源选择“销售明星统计”，选择字段依次选择“销售员”“销售总额”“所属销售部”。设置数据源7.设计月度销售冠军（3）①在数据源配置栏中单击“数据源过滤”右边的“+”图标，在弹出的设置过滤弹窗中，创建过滤名称为“销售冠军”，条件为：本月名次等于1，最后保存过滤条件。设置数据源7.设计月度销售冠军（4）设置日历筛选器。参考销售额统计区域的日历筛选器的操作方式，也可以通过复制粘贴的方式，为销售明星区域设置日历筛选器，其显示格式和数据源配置分别如图所示，完成后保存刷新。设置日历筛选器7.设计月度销售冠军保存页面后，单击预览标签，以全屏预览的方式查看页面效果，并一一对页面上的筛选器进行验证，检查是否符合设计预期，如果不符合则返回查看设置是否有问题。设置日历筛选器8.预览验证页面效果74THANKYOU

《工业可视化》/设备营销租赁的可视化设计2设计市场营销数据页面>>※任务说明《工业可视化》/任务描述01学习目标02目录01任务描述营销部（销售部）是每个公司的关键部门之一，生产产品的销售情况直接反应了公司的竞争力，公司的管理层可以根据每月、每个季度的营销情况，从而掌握公司发展状况，来及时调整经营工作。在本任务中，BI工程师需要使用云视界平台设计集团公司的营销业务分析大屏，大屏页面上需要展示的内容包含如下：客户分类数据、销售统计数据、月度签单完成率趋势、产品销售数据对比分析、月度销售冠军等。02学习目标知识目标技能目标熟悉雷达图的作用及适合使用场景；熟悉雷达图的属性和数据源的配置方法；熟悉环形进度条组件的作用、属性及数据源配置方法；了解客户分类的目的和对企业进行客户管理的意义；了解投放市场的产品进行不同维度的销售数据分析的目的；会配雷达图的属性及数据源，使之展示不同维度下的产品销售数据；会配置环形进度条的属性及数据源，使之展示年度销售额完成率；会设置数据过滤条件，使组件只显示符合条件下的数据；会规划营销数据大屏的展示内容；《工业可视化》/设备营销租赁的可视化设计2设计市场营销数据页面>>※知识准备1.图表组件-雷达图雷达又叫戴布拉图、蜘蛛网图，它是将多个维度的数据量映射到起始于同一个圆心的坐标轴上，结束于圆周边缘，并将同一组的点使用线连接起来。雷达图多用于维度值的分布，还可以展示出数据集中各个变量的权重高低情况，非常适用于展示性能数据。雷达图的点的相对位置和坐标轴之间的夹角是没有