工业4.0：换热站最酷设计—— Web SCADA 工业组态软件界面

前言

随着 工业4.0的不断普及与发展，以及国民经济的飞速前进，我国的城市集中供热规模也不断扩大，科学的管理热力管网具备很是重大的经济和社会效益。目前 热力系统，如换热站大都采用人工监控，人工监控不只浪费人力；并且在出现事故隐患时操做人员难以发现，易形成设备事故。同时各换热站比较分散的独立运行，难以达到供热系统总体的最佳运行状态，形成了整个热网的热力失衡，影响供热效果而形成能源的极大浪费，很是不利于节能减排，甚至影响供热服务质量。

而在 新基建如火如荼的实施上，智能化的时代已经悄悄来临，工业互联网也位列新基建的七大领域当中，对于换热站的智能监控上，今天咱们将使用  Hightopo（如下简称 HT ）的  HT for Web 产品上的  web 组态跟你们介绍一下经过 2D 组态上运用——流程可视化动画效果以及图表数据载入融合搭建的一个完整的 换热站远程监控系统的解决方案。

 

界面简介及效果预览

换热站远程监控系统的图纸实现是经过 HT 特有的机制矢量图标绘制的，效果上的呈现能够适应不一样分辨率的屏幕而不模糊失真，在大屏上展现的效果适配度十分的友好；其次，效果实现上经过流程可视化动画效果的控制和子菜单的一些数据可视化图表的载入，来展现整个可视化系统数据监控和维护的实现。

白色模式预览地址： http://www.hightopo.com/demo/heat-station/white/

蓝色模式预览地址： https://www.hightopo.com/demo/heat-station/blue/

 

系统设计

换热站是整个热网系统中最核心的环节，它将一侧蒸汽或高温水经过热交换器换成能够直接进入用户末端的采暖热水。换热站控制系统是集中供热监控系统的核心部分，换热站控制系统既可独立工做，也能够接受调度中心的监督指导。

换热站的彻底自动化无人职守控制包括以下控制内容： 供水温度自动调节、 循环泵自动调节、 补水泵自动定压、 报警管理。

 

换热站的工做原理为：

由锅炉产生的蒸汽经管网输送到换热站，送入到换热器与冷介质水进行充分的热交换，蒸汽造成的凝结水，经疏水器汇集到凝结水箱中，由循环泵来的水在换热器中与蒸汽进行热交换之后，进入到采暖管网中进行，从管网中回来的水，由回水缸进行收集，而后经除污器进入到循环泵进行下一轮的循环，补水泵及时补充因管网跑冒滴漏等所遗失的水量，以保持必定的压力，造成经济稳定的运行状态，控制台经过各类感应器对设备的运行状况监控，随时掌握，了解换热站的进行状况，并做出相应处理。

一、一次热源经过管道送到换热站，并进入换热器内，经过换热器的换热，将一次热源交换到二次供热管道内，二次供热管道引出至热用户；

二、二次水通过过滤除污，经由循环进入换热器，被蒸汽或高温水加热后进行供热，蒸汽或高温水进入板式换热器后，变成凝结水或高温回水返回热源，进行一二次给供热系统的回热循环，补水泵将软水打入系统中保持系统压力恒定；

三、一次水是指锅炉房到换热器的水系统；

四、二次水是指换热器到采暖末端的水系统；

五、当热水冷水系统补水能力有限，须要控制管道充水流量，管道阀门应装设口径较小的旁通阀做为控制阀门；

 

效果实现

1、总体系统流程图

换热站的实现上的主体部分体如今了可视化流程的控制，用户能够根据系统搭建的换热站运行流程来控制阀门的开关和运行时的流动，其流程上实现的动画全是由 HT 封装的动画函数 ht.Default.startAnim() 来实现的，实现上的优点是，动画能够支持 Frame-Based 和 Time-Based 两种方式的动画，Frame-Based 的方式是用户经过指定 frames 动画帧数，以及 interval 动画帧间隔参数来控制动画效果，而 Time-Based 的方式是用户只须要指定 duration 的动画周期的毫秒数便可，HT 将在指定的时间周期内完成动画；还设定了 delay 动画延迟执行的时间来搭配动画实现的效果；easing 参数则是用于让用户自定义函数，经过数学公式控制动画，如匀速变化、先慢后快等效果；其中最重要的就是 action 动画执行函数和 finishFunc 动画结束回调函数，经过一些效果的搭配使用，可使用户达到平滑的动画效果。

而以上流程可视化动画的具体实现，用户只须要在搭建好的矢量图纸上，对图元节点进行惟一标识标签 tag 的命名，并经过在数据模型 dataModel 里去获取这个标识节点，进行动画函数的控制，对其须要实现的属性进行数据上的改变，从而达到动画实现上的效果。而在整个流程中，最重要的两个动画上的实现，一个是阀门旋转的实现，实现的方式是经过动画函数来改变阀门旋转的角度值，并经过 setRotation() 设置图元的旋转角度，围绕中心点顺时针旋转，角度值上则采用弧度值的方式；第二个管道流动的动画效果是采用 HT 的虚线偏移，只须要修改图元节点的 shape.dash.offset 属性值便可实现完美的流动效果。

 

2、子菜单

子菜单的实现上是经过 HT 自身拥有的一套矢量图表的图形组件来搭建而成的，实现不只可使用 HT 现有的矢量图表图形组件库 ht-vector 进行系统上的搭建，还可使用第三方的图形组件进行嵌入，例如 EChart、 Chart等开源的图表组件均可以轻松的嵌入。使用图表组件再经过数据采集后，进行数据接口上的对接，能够即便地反馈出一些换热站实时监控的数据走向，起到监管和维护的做用的同时，还能预防一些问题的发生。

现有的矢量图表图形组件库 ht-vector 内置了许多的图表，包括柱状图、折线图、条形图、雷达图等一系列场景的图表的运用，在效果呈现上不只只局限于一种展示形式，用户能够经过自定义绘制出一套符合本身系统风格的矢量图表，极其自由的绘制能够实现出更多酷炫的效果，更好玩的尝试能够经过官网了解一些功能上的实现以及运用。

 

总结

换热站的远程监控系统俨然是工业互联网的一角，工业4.0的大门已经开启，搭载5G时代的引领，全面的信息化时代已经到来，在智能化监控上，能够充分地释放掉人力上的使用成本，也能减轻系统监控和维护的工做量。 HT 在众多领域上积累许多行业上系统实施的解决方案，并经过自身产品上的不断研究和进步，打造出一套丰富的 2D组态和 3D组态，方便用户快速上手使用，实现出更多精美的工业监控可视化系统。

 

在 2D组态上动画数据的体现上，有兴趣的小伙伴能够了解一下，关于图表动画实现上酷炫效果的实现： Inteligent Lighting Alliance

2019 咱们也更新了数百个工业互联网 2D/3D 可视化案例集，在这里你能发现许多新奇的实例，也能发掘出不同的工业互联网： https://mp.weixin.qq.com/s/ZbhB6LO2kBRPrRIfHlKGQA

同时，你也能够查看更多案例及效果： https://www.hightopo.com/demos/index.html