设备数字化运维工业APP的开发与应用 课件 5.1创建设备运维平台的可视化图表

项目五设备运维平台的数据可视化展示5.1创建设备运维平台的可视化图表设备数字化运维工业APP开发与应用【学习目标】※知识目标※了解数据可视化应用的作用。了解根云积木平台常用统计图表的类型、使用场景及配置操作。了解自定义页面的配置。※技能目标※能够选择合适的统计图表进行数据可视化展示并进行简要的趋势分析。能够使用自定义页面搭建个性化看板。※素养目标※具备动手实践能力、逻辑分析能力和解决问题能力。保持求知上进、独立思考的学习态度。【学习导图】目录015.1.1任务说明025.1.2知识准备035.1.3任务实施045.1.4练习巩固任务说明W公司在每月末会进行工作总结大会，设备保全组的王组长需向部门领导汇报本月设备保全组的工作。为了清晰直观地向领导展示本月设备保全组设备维修工作的详细内容，王组长通过设备运维平台的统计图表功能，对本月维修设备情况进行了汇总分析，并形成了内容丰富的报表，在月度总结中得到了领导的肯定和表扬。任务要求：1．用统计中的柱形图展示本月设备维修工单整体的处理情况，按照工单状态（待分配、待接收、待维修、已维修和已确认）进行分组展示。2．用统计中的折线图展示本月设备维修工单整体的变化趋势，按照工单提交时间进行展示。3．用统计中的环形图展示本月设备维修工单中各设备维修次数的占比，按照设备名称进行展示。4．用统计中的雷达图展示本月设备维修工单中不同设备的维修次数，按照故障类型分布进行展示。目录015.1.1任务说明025.1.2知识准备035.1.3任务实施045.1.4练习巩固知识准备数据可视化数据可视化，又称数据展现，是通过图表、表格等简单直观的形式，将原始数据转化为易于理解的信息的一种方法。它能够通过减少数据噪声，使业务方或决策者快速捕捉数据中潜藏的问题和价值。相较于文字描述，数据可视化具有以下优点。美观直观：相比繁杂的数据表格，数据可视化利用各类美观的饼图、条形图、折线图等图表形式，能够直观地为需求方展示数据信息。便于理解：数据可视化技术让原本繁杂且专业的数据变得直观易懂，使得业务方或是决策者这些非数据专业人士也能轻松理解数据，从而更顺畅地进行决策。多维度展示：数据可视化将数据每一维的值进行分类、排序、组合和显示，让决策者能够清晰地看到表示对象或事件数据的多个属性或变量，轻松地解释各种不同的数据源。同时，丰富且有意义的图表图像可以让合作伙伴更加直观的看到问题，制定计划。知识准备常用图表介绍主要用于显示某类别在特定时间段内的数据变化或多个类别之间的数据比较。通常情况下，X轴用于展示类别项，Y轴用于展示数值。柱形图具有简单直观的特点，通过柱形的长短可以清晰地看出数据值的大小，便于比较不同类别数据之间的差异以及数据的变化趋势。1柱形图我们可以通过不同类型的统计图表对工作表数据进行统计汇总和分析，协助进行后续的工作总结和规划。目前根云积木平台支持16种统计图表类型，其中常用的图表主要有柱形图、折线图、饼图、数值图，双轴图、雷达图、漏斗图、透视表等。知识准备常用图表介绍折线图是通过将每项数据的数值用点标记并以线连接起来形成的图表。它不仅能够表示出数据的具体数值，还可以直观地展示数据随时间或其他连续变量变化的趋势。因此，折线图通常用于显示在相等时间间隔下的数据变化趋势，非常适合分析连续性数据的波动情况。2折线图知识准备常用图表介绍饼图（或环形图）通过一个整圆来表示数据的总量，每个扇形或环段的大小则表示各项数据占总数的百分比。它能够直观地显示各项数据与总量之间的比例关系，且各比例的总和为100%。这种图表非常适合用于分析和比较各部分占总体的比例情况。3饼图（环形图）知识准备常用图表介绍数值图是一种通过对符合条件范围的数据进行计数统计（如求和、平均值、最大值、最小值）来展示数据的方式。它是数据最直观的体现，通常用于监测数据的变化情况。数值图能够快速显示关键指标的实时变化，便于用户进行高效的数据分析与决策。4数值图知识准备常用图表介绍双轴图是一种包含多个（≥2）Y轴的数据图表，通常结合柱状图和折线图，使图表显示更为直观。在工作中，当需要同时展示两种不同的指标时，双轴图是理想选择。这种图表能够在同一张图中直观展示两种指标之间的关系或趋势。如果只是简单地展示两个彼此独立的指标，也可以选择将它们分别放在两张图中，以避免信息过于复杂。5双轴图知识准备常用图表介绍雷达图，也称为蜘蛛图、蛛网图、星状图或极区图，是一种多维数据的可视化图形。它将多个维度的数据映射到从同一圆心出发、终点位于圆周边缘的坐标轴上，并通过线条连接同一组的各点来展示数据。在财务领域，雷达图应用广泛，常用于分析企业的经营状况和财务指标。通过雷达图，用户可以直观地观察各类数据指标的分布情况以及数据变化趋势，从而快速掌握全局信息。6雷达图知识准备常用图表介绍漏斗图由多个从上到下依次排列的梯形组成，每个梯形的面积代表某一业务环节的量值，并体现与上一环节之间的差异。漏斗图适用于业务流程规范、周期较长、且环节较多的单流程单向分析场景。通过比较漏斗各环节的业务数据，可以直观地识别出问题所在的环节，帮助管理者快速定位问题，分析原因，并制定改进措施，从而提升整体流程的效率和效果。7漏斗图知识准备常用图表介绍透视表是一种交互式表格工具，常用于数据分析和汇总。它可以执行求和、筛选、排序等计算操作，且计算结果与透视表的排列方式直接相关。透视表之所以被称为“数据透视表”，是因为它能够动态调整布局，从不同角度对数据进行分析，展现类似数据“透视”的效果。与传统表格相比，透视表支持简单的交互操作，用户可以根据需求快速调整行、列和值区域，以便集中展示目标数据，更高效地发现数据背后的规律和趋势。8透视表知识准备统计图表的创建与设置1、新建统计图表（1）在工单管理页面，点击工作表右上角的【统计】按钮，进入统计板块，如下图所示。统计板块中有两类统计图表，分别为公共图表和个人图表，公共图表对工作表下的所有成员可见，且所有成员查看到的统计内容相同。个人图表则仅对创建图表的用户可见，其他成员无法查看该图表的内容。【★学习提示】平台中的个人图表和公共图表可以转换。建议先创建个人图表，待配置完成后如需要再转为公共图表。知识准备统计图表的创建与设置（2）在统计管理页面中，选择【个人】，点击【创建图表】，即可开始第一个个人图表设置，如下图所示。知识准备统计图表的创建与设置（3）图表设置页面如下图所示。知识准备统计图表的创建与设置2、统计范围设置创建好新图表后，首先需要设置图表的统计范围。（1）数据源：默认统计当前工作表下的所有记录，也可以根据需求选择一个视图，知识准备统计图表的创建与设置（2）时间：进一步确定要统计记录的时间范围，选择一个时间字段，如：创建时间、修改时间、报修时间或其他日期，时间范围可以选择固定时间段，如：全部、今天、昨天、本周、上周、本年、上一年或者指定时间范围，如下图所示。【★学习提示】根云积木平台对于统计的数据行数没有限制，但在图表的呈现上，对图例的数量是有限制的。例如，饼图最多支持500个饼块（图例），如果超过500个饼块，将无法显示。如果图例过多，可能会导致图形绘制时页面卡死，同时也降低了查看数据的意义。当图例超出限制时，系统会提示数据量过大，无法绘制可查看的图片。知识准备统计图表的创建与设置3、图表类型与设置目前根云积木平台支持16种类型图表。不同图表类型需要设置的属性略有不同，接下来以柱形图为例来介绍图表的属性及相关设置，柱形图设置页面如下图所示。知识准备统计图表的创建与设置（1）X轴：即统计维度，是数据分类统计的依据。X轴可选择的字段控件有日期控件，其他文本型控件（包括文本框，手机号，邮箱等），数值控件等等。某些控件则不能作为X轴字段，如金额控件、自由连接控件等。以选择日期控件字段作为X轴为例，其相关操作包括重命名、归组、设置日期格式和处理无记录的项目。需要注意的是不同类型的控件所提供的操作选项可能不同。①重命名：可以通过重命名的方式，将原有字段以别名的方式显示在统计图表中。②归组：当X轴选择了日期类型字段时，可根据需要设置颗粒度作为X轴的分类，如：分、时、日、周、月、年等，默认为日。如下图所示。知识准备统计图表的创建与设置③日期格式：设置X轴中日期的显示格式，如下图所示。知识准备统计图表的创建与设置④无记录的项目：柱图、折线、双轴、饼图中有“无记录的项目”，可根据需要，将无数据的记录是显示为“0”，或者是“--”，亦或是进行隐藏不显示。折线图类型下，还可以将“无记录的项目”设置成显示为--(连续)或显示为--(中断)，如下图所示。知识准备统计图表的创建与设置（2）Y轴：即统计的数值，是数据展示的关键。Y轴必须配置数值，公式或等级等控件类型的字段，如果配置的是数值控件字段，则可以对此字段进行4种处理（求和，平均值，最大值，最小值），等级控件字段只能设置重命名，如下图所示。（3）分组：分组等同于拆分，将原有的统计数据进行拆分归类统计，显示归类后的数值。知识准备统计图表的创建与设置4、图表样式：在根云积木平台，可以通过开关的方式来控制图表样式的显示，可以对总计、图例、X轴、Y轴、数据标签、值、数据过滤、图形颜色进行一定程度的样式设置，如下图所示。知识准备统计图表的创建与设置（1）总计(默认为关闭)：总计功能开启后，可以设置显示总计的字段、汇总的方式和名称。如下图所示。知识准备统计图表的创建与设置（2）图例：可以根据自己的喜好选择将图例放在图表的相对位置，如下方或右侧，如下图所示。知识准备统计图表的创建与设置（3）X轴/Y轴X轴：支持设置X轴的标题、刻度标签和滚动条，以及当刻度标签位置不够时，文字会自动倾斜以保证完整显示。Y轴：支持设置Y轴的标题、刻度标签，Y轴的最小值、最大值以及线条样式。知识准备统计图表的创建与设置（4）数据标签：支持设置是否显示数据标签以及数据的百分比，当柱形图设置成堆叠时，还设置是否显示堆叠总数，当数据标签重叠时，可以隐藏重叠的标签文字。如下图所示。知识准备统计图表的创建与设置（5）值：如果数据量非常大（例如几千、几百万），图表会自动转换显示的单位，也支持相应地调整数值，例如，将10000显示为10K（表示10千），避免数字过于冗长，改善图表的可读性。也可以设置数据的的小数位数(默认为自动)，如下图所示。知识准备统计图表的创建与设置（6）数据过滤：如果数据量过多，我们可以根据实际需要，设置想要显示的前N项记录，如下图所示。知识准备统计图表的创建与设置（7）图形颜色：根云积木平台支持三种配色方案，分别是选项色、色板和自定义。其中，选项色是指该图表的统计维度为选项控件字段时，使用选项字段所配置的颜色，如果统计维度的选项字段在工作表中没有配置颜色，默认是色板的经典色，平台预设了12套色板，默认第一套为经典色。可通过点击配色选框进行配色方案的切换，或者进行自定义颜色的设定。切换自定义配色后，可自行修改颜色，如下图所示。【★学习提示】当柱形图为单指标单维度时，系统会显示默认经典配色的蓝色，我们可以通过点击自定义选项来修改维度里的每一项颜色。知识准备统计图表的创建与设置5、图表分析（1）查看原始数据：查看原始数据功能支持两种显示方式：在图表中分栏查看，前往视图中查看。【在图表中分栏查看】即点击统计图中的数据后，在图表右侧或下方打开工作表数据；【前往视图中查看】即点击统计图中的数据，会弹出新页面展示对应工作表的视图。打开原始数据后，其显示的字段支持两种配置：按照权限查看，所有数据。【按照权限查看】是指根据当前用户的角色权限显示数据；【所有数据】即可以看到统计图的所有数据。其配置如下图所示。知识准备统计图表的创建与设置设置完成后，在视图中点击统计图表中的数字或对应的图形，可以显示对应的原始表数据，如下图中第二个统计项有14项数据，点击数字“14”或对应的柱图，就可以在弹出的页面中查看原始表数据了。【★学习提示】透视表的行/列汇总，不支持点击查看原始统计数据。知识准备统计图表的创建与设置(2)辅助线：可以在图表中设置对比数据的辅助线，如恒定线、最小值线、最大值线、平均线、中值线、百分位数线、趋势线等。添加辅助线后效果如下图所示。知识准备统计图表的查看与分享1、调整统计图表布局（1）放大统计图表：其设置方法如下图所示。知识准备统计图表的查看与分享（2）调整统计图表的位置：在统计页面，点击统计图左上角按钮，通过鼠标拖拽即可调整当前图表在界面中的位置，如下图所示。知识准备统计图表的查看与分享2、统计图表的相关操作在统计页面下，点击图表右上角的【...】按钮，可对该图表进行多种操作，如下图所示。知识准备统计图表的查看与分享(1）设置：当需要调整统计图配置时，选择【设置】，可完成对图表的重新配置。(2）收藏：支持对该统计图表进行收藏，收藏后，在根云积木的工作台界面即可查看收藏的图表。(3）以表格显示：选择该功能后，会弹出该统计图表的原始数据，并以分栏显示在图表右侧，点击右上角的图标，可以调整表格的显示位置，如下图所示。知识准备统计图表的查看与分享（4）分享：统计图表支持通过链接或者二维码的形式进行分享。对外公开分享功能默认为关闭，仅管理员可开启分享开启对外公开分享功能后，其他用户可以通过分享链接访问该统计图表，如下图所示。知识准备统计图表的查看与分享（5）导出为Excel：支持将统计图表以Excel表样式进行导出，导出的Excel表格的名称默认为统计图表的名称。（6）转为公共图表：支持将个人图表转换为公共图表，转换后，可见工作表的人都可以看到此图表。也支持在公共图表中，将次图标移出。（7）复制到：支持将当前统计图表复制到当前统计页面，也支持复制到指定的自定义页面。（8）删除：删除该图表。知识准备统计图表的查看与分享3、编辑图表说明在统计图表的放大界面，能够编辑该图表的名称和说明，方便其他的用户在查看此统计图时，能更快速了解图表的统计方式和统计内容，如下图所示。知识准备统计图表的查看与分享4、筛选和排序基于图表管理员配置的统计结果，用户可以进一步筛选数据，筛选后的数据量不会超过图表配置的范围。同时平台支持对图表的统计维度进行排序。筛选和排序设置如下图所示。目录015.1.1任务说明025.1.2知识准备035.1.3任务实施045.1.4练习巩固任务实施维修工单整体处理情况的柱形统计图王组长为了更好的向领导汇报本月工作，他在准备汇报材料时，利用设备运维平台的统计图表功能，分别创建了4张统计图表：设备维修工单整体处理情况的柱形统计图、设备维修工单整体变化趋势的折线统计图、设备维修工单中维修设备分类占比的环形统计图、设备维修工单中设备的不同故障类型分布的雷达统计图。（1）在工单管理页面，点击维修单表右上角【统计】图标，如下图所示。任务实施维修工单整体处理情况的柱形统计图（2）进入统计页面，选择【个人】，点击【创建图表】按钮，新建个人图表，如下图所示。任务实施维修工单整体处理情况的柱形统计图（3）进入统计图表配置页面，修改图表名称，将图表名称从【未命名图表】修改为【维修工单整体处理情况柱形图】，如下图所示。任务实施维修工单整体处理情况的柱形统计图（4）选择统计范围，在数据源菜单中，选择表所对应的视图为【全部】，在时间菜单中，选择对应的时间范围为【全部】，如下图所示。任务实施维修工单整体处理情况的柱形统计图（5）点击图表中【柱图】图标，开始设置柱形图X轴（维度）和Y轴（数值）。拖动字段【报修时间】作为柱形图的X轴，拖动字段【记录数量】作为柱形图的Y轴，最后拖动字段【工单状态】作为分组依据，柱形图X轴和Y轴设置完成，如下图所示。任务实施维修工单整体处理情况的柱形统计图（6）调整柱形统计图样式:①选择【样式】选项卡；②开启【总计】选项显示总数量；③将图例设置为在【右侧】显示；④勾选X轴下的【显示标题】选项；⑤勾选Y轴下的【显示标题】选项，完成柱形图样式设置，如下图所示。任务实施维修工单整体处理情况的柱形统计图（7）选择【分析】选项卡，点击【+添加辅助线】按钮，按顺序选择【平均线】，如下图所示。任务实施维修工单整体处理情况的柱形统计图（8）进入平均线设置页面，勾选【名称】和【值】选项，用以显示平均线，点击【确认】，如下图所示。任务实施维修工单整体处理情况的柱形统计图（9）点击统计图表配置页面右上角【保存】按钮，图表设置完成，如下图所示。任务实施维修工单整体处理情况的柱形统计图（10）配置完成维修工单整体处理情况柱形图后，其预览效果如下图所示。任务实施维修工单整体变化趋势的折线统计图（1）点击统计页面右上角的【+】，创建个人图表，如下图所示。任务实施维修工单整体变化趋势的折线统计图（2）参照图5-1-40，进入统计图表配置页面，修改图表名称，将图表名称从【未命名图表】修改为【维修工单整体变化趋势折线图】。（3）选择统计范围，在数据源菜单中，选择表所对应的视图为【全部】，在时间菜单中，选择对应的时间范围为【全部】。（4）点击【折线图】图标，设置折线图X轴（维度）和Y轴（数值）。拖动字段【报修时间】作为折线图的X轴（维度），拖动字段【记录数量】作为折线图的Y轴（数值），折线图X轴和Y轴设置完成，如下图所示。任务实施维修工单整体变化趋势的折线统计图（5）调整统计图样式：①选择【样式】选项卡；②开启【总计】选项显示总数量；③勾选X轴中的【显示标题】选项；④勾选Y轴中的【显示标题】选项；⑤完成样式的配置，点击【保存】，如下图所示。任务实施维修工单整体变化趋势的折线统计图（6）配置完成工单整体变化趋势折线图后，其预览效果如下图所示。任务实施维修工单中维修设备分类占比环形统计图（1）点击统计页面右上角的【+】，创建个人图表。（2）参照图5-1-40，进入统计图表配置页面，修改图表名称，将图表名称从【未命名图表】修改为【维修设备分类占比环形统计图】（3）选择统计范围，在数据源菜单中，选择表所对应的视图为【全部】，在时间菜单中，选择对应的时间范围为【全部】。（4）点击【饼图】图标，设置环形统计图维度和数值。拖动字段【设备台账】作为环形统计图的维度，拖动字段【记录数量】展示相应的数值，环形统计图维度和数值设置完成。图形设置为【环形】，如下图所示。任务实施维修工单中维修设备分类占比环形统计图（5）调整图形样式：①选择【样式】