《工业可视化》课件 任务2.1 设计生产设备监控页面 -知识准备

《工业可视化》/工业互联网系列课程湖南三一工业职业技术学院项目二生产制造的可视化设计任务2.1设计生产设备监控页面>>※知识准备《工业可视化》/工业互联网系列课程目录状态演化图组件01折线图组件02维度与度量031.状态演化图组件状态演化图主要用于展现不同状态的时长，状态演化图的x轴显示的是总时长，分段显示每种状态的时长。例如：展示设备的作业、待机、停机等状态的不同时长，可以获知该设备在一定的时间段内，工作状态是否合理。在云视界使用状态演化图组件时，在基础组件下的图表组件找到直接拖拽到页面即可。1.状态演化图组件——属性配置位置尺寸：设置组件的长宽尺寸和位置。可直接输入像素值调整大小，也可通过鼠标拖动组件大小调整。外观设置：可自定义设置组件名称，显示方式有“居中”、“填满”、“自定义”；其中前两种方式有相应的尺寸大小，“自定义”方式可以任意调整尺寸大小。设置内容可以设置状态演化图的图例文字的“位置”“字体”“字号”“字重”“字色”。图例1.状态演化图组件——属性配置勾选此设置，在状态演化图中的横坐标刻度上显示数字，可以通过设置“字体”“字号”“字重”“字色”“轴颜色”对刻度数字进行设计。刻度数值1.状态演化图组件——数据源配置状态演化图主要用于展示有时间趋势的数据，也就是有时间序列做趋势对比的数据，因此其数据源一般自带时间戳，如物模型的历史数据；状态演化图无法展示单点数据，如采集点的直连属性值。状态演化图的数据源配置内容如下：数据源：可选择历史数据，或者用户创建的数据源；维度：选择数据表的时间度量：选择展示设备的工作状态数据源过滤：单击“+”图标可弹出“添加过滤”弹窗，可设置“条件过滤”“日期过滤”“排序”

设置内容1.状态演化图组件——数据源配置状态设置可单击“+”添加状态数量，在每个状态设置中，“状态名称”为状态演化图中显示的名称，“对应名称”为数据源中值对应的值，当数据源中数据的值为“对应名称”时，即显示该“状态颜色”。如右图，如果某时段的状态值为1时，则显示的状态名称为作业，且对应的时段的颜色为绿色。2.折线图组件折线图主要用于在连续间隔或时间跨度上展示数值，它的特点是反映事物随时间或有序类别而变化的趋势，常用来显示趋势和对比关系（多个折线之间的对比）。在折线图中，数据是递增还是递减、增减的速率、增减的规律（周期性、螺旋性等）、峰值等特征都可以清晰地反映出来。所以，折线图常用来分析数据随时间的变化趋势，也可用来分析多组数据随时间变化的相互作用和相互影响。例如可用来分析某台设备或是某几台设备的电流或运行速度随时间变化的情况，从而判断其是否有异常。2.折线图组件在折线图中，一般水平轴（X轴）用来表示时间的推移，并且间隔相同；而垂直轴（Y轴）代表不同时刻的数据的大小。使用时，在基础组件下的图表组件找到折线图直接拖拽到页面即可，如图：2.折线图组件——属性配置位置尺寸：XY是设置组件的高度和宽度，单位为像素；WH是组件的宽度和高度折线图类型：有四种类型可选，包含折线图、折线面积图、曲线图、曲线面积图设置内容2.折线图组件——属性配置属性显示：有“居中”“填满”“自定义”三种方式。其中前两种方式有相应的尺寸大小，“自定义”方式可以任意调整尺寸大小；时间格式：有多种格式可设置，包括“小时”“年-月-日”等。图表选项：勾选上对应的选项在折线图中可显示2.折线图组件——属性配置图标主题：预设的图表主题有6种；图标字体：可对折线图中的“图表字体”“字重”“颜色”“字号”进行显示设置；Y轴极值：可设置折线图Y轴的最大值，超过该最大值部分将不显示在图中。设置内容2.折线图组件——属性配置属性图表参考线：打开开关后，会显示需要配置的参考线信息，可以添加多条参考线。Y轴数值：设置参考线的Y轴数值线样式：可以设置solid（实线）、dot（点）、短线（dash）。粗细：设置参考线的显示粗细。区间数值：可选择“无限制”即显示所有数据，“小于显示”即只显示小于参考线的数据，“大于显示”即只显示大于参考线的数据。2.折线图组件——属性配置X轴自定义：打开后会出现需要配置的标签角度和标签数量，标签角度即是X轴标签的显示角度，标签数量即是X轴标签的显示数量。Y轴定义：打开后会出现需要配置标签角度，即Y轴标签的显示角度。设置内容2.折线图组件——属性配置颜色指定方式：完成数据源设置后，对应的度量可以设置不同的颜色，进而在折线图中加以区分。非实时数据处理：折线图不做设置设置内容2.折线图组件——数据源配置物模型：打开“物模型”选项，使用本页面绑定的物模型作为数据源，此时可选的数据源有“历史数据”“采集点数据”“报警数据”。数据源：在“物模型”选项关闭时，可通过此选框进行选择数据库中的数据作为数据源。维度：折线图的X轴，可选时间和字符格式的数据；度量：折线图的Y轴，可选多个度量值，只能选择数字类型的数据。

设置内容折线图的数据源配置内容如下所示。2.折线图组件——数据源配置属性设置数据源过滤：单击“+”图标弹出“添加过滤”弹窗，可设置“条件过滤”“日期过滤”“排序”参与组件过滤：勾选时，本组件的数据源将参与本页面的其它筛选器的筛选。例如本页面中有“日期筛选器”对某一数据源进行日期筛选，则本组件用到同一个数据源时将只能读取到经“日期筛选器”筛选后的数据；支持数据下载：默认关闭，开启时支持数据下载。数据响应：在设置好数据源及数据过滤后，保存再刷新后会在此框中显示出数据。3.维度与度量维度是用来描述事实的角度，主要用来描述与“谁、何时、何地、如何”等有关的事件。比如描述某设备的异常电流值在何时出现，那么就是时间维度；比如描述设备所在的地理位置，就是地理维度；比如描述生产设备是归属于哪位操作人员负责，那就是人员维度。维度字段一般使用的数据类型是字符串（string）或者日期（date）类型。度量是业务流程节点上的一个数值，比如耗电量、产量、销量，价格，成本等的数值，度量需要从维度的基础上去衡算这个结果数值，比如耗电