0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

如何通过易云系统创建一个组态画面?

易云物联网系统 来源: 易云物联网系统 作者: 易云物联网系统 2022-12-21 00:00 次阅读

易云系统支持强大的组态功能,无论是是菜单、功能层面的组态,还是监控点、数据方面的组态,易云系统都能胜任。 不过,近期有朋友和我们反应,他们的数据可视化界面怎么组态都很简单、不够炫酷,问易小云能不能让组态画面“炫”起来。

用户想要

8fbf9d7e-804d-11ed-8abf-dac502259ad0.jpg

自建结果

8ff4cf26-804d-11ed-8abf-dac502259ad0.png

可见,大家对易云系统的组态功能还不太熟悉,使用时有诸多疑惑,今天我就来和大家分享一下让组态界面“炫”起来的方法。 以上图“用户想要”为例,如何使用系统搭建出这样一个界面呢? 主要从四个方面进行调整 1整体配色 2版面布局3组件属性 4边框线条 基本上从这四点入手,就能让平凡的界面“炫~”起来。

1整体配色 要想制作一个好看的可视化图表,配色非常关键,很多糟糕的图表,往往都是配色很糟糕。 以经验看来,“科技感”“高大上”的配色方案,一般是深色背景,配对比色的文字或边框,例如:蓝色和青色、蓝色和粉色等。 如果您确实纠结选什么颜色,就从网上直接找一个“高大上”的界面,“学习”一个配色方案。 在系统中,我们可以点击画布属性-选择背景色,也可以在组件属性中,为各组件设置颜色和背景色。

902cd3e4-804d-11ed-8abf-dac502259ad0.jpg

2版面布局 可视化界面切忌凌乱,否则再好的配色也无法让界面漂亮起来,界面设计最好根据需要展示的内容,有个提前的预案。 同样以上面的“用户想要”为例,他的布局是这样的:

8fbf9d7e-804d-11ed-8abf-dac502259ad0.jpg

9086749e-804d-11ed-8abf-dac502259ad0.png

标题、文字、图表、视频、设备等等各类型条理分明,可以很清晰纵览全局,我们要的也是这样的效果:通过系统提供的各类组件,将需要监控的数据逐一安置到位:

909fc930-804d-11ed-8abf-dac502259ad0.jpg

为了简化,我们只部署了少数几个数据,可以看出,虽然显得整齐了点,但依然不够美观大方,我们需要做进一步调整。 3组件属性 每个组件都有属性设置,例如文字大小、颜色,背景颜色,边框大小、颜色等等,我们可以通过这些属性设置,对场景进行细节调整。 经过一番颜色、底纹、大小等等属性的改变,我们可以得到这样一张图:

90d55c76-804d-11ed-8abf-dac502259ad0.jpg

4边框线条 上面的图和成品已经很接近了,但是依然不够好看,各个位置缺了些区块的划分,缺了点装饰性的内容,那么接下来就是最后的调整——我们来给各个位置添加点边框线条吧。 目前,边框线条尚未内置,不过没关系,系统支持自主上传,你喜欢什么样的边框,就加什么样的,随心所以,岂不美滋滋? 上传方式:组件库添加图片-图片属性中进入图库-点击我的图库右上角的“+”就可以上传啦。

910fb948-804d-11ed-8abf-dac502259ad0.jpg

添加底纹、添加边框,再次对各模块进行微调,我们得到了完全体的组态图:

912f8ed0-804d-11ed-8abf-dac502259ad0.jpg

忽视掉周边的系统栏,做个对比,他是这样的:

916259b4-804d-11ed-8abf-dac502259ad0.jpg

8fbf9d7e-804d-11ed-8abf-dac502259ad0.jpg

8ff4cf26-804d-11ed-8abf-dac502259ad0.png

当然这里之后几个图表,如果更多要展示的内容,别忘了缩小各部分,合理安排空间,当然,有喜欢的边框,或者就是喜欢无边框,都可以自己上传。 中易云·助力企业快速上云 集成40+行业解决方案工业、农业、电力、医疗、冷链、油田… 扫码添加中易云VIP客户经理 即可免费获得所需行业物联网解决方案

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 物联网
    +关注

    关注

    2909

    文章

    44639

    浏览量

    373412
收藏 人收藏

    评论

    相关推荐

    LV和组态王上位机软件在同电脑通过网线读写同一个PLC失败

    问题:LV和组态王上位机软件在同电脑通过一个网卡、同根网线和IP读写同一个PLC失败 PL
    发表于 10-18 08:26

    画面分割器怎么调试

    画面分割器,通常指的是视频画面分割器,它是种可以将视频信号分割成多个小画面的设备。这种设备
    的头像 发表于 10-17 09:32 400次阅读

    画面分割器怎么连接

    的基本原理 画面分割器的工作原理是通过数字信号处理技术,将多个视频信号源(如摄像头、DVR等)的图像数据进行处理,然后在监视器上以分割的形式显示出来。这些分割可以是1
    的头像 发表于 10-17 09:29 321次阅读

    工业组态云平台是什么

    工业组态云平台是种基于云计算技术的工业自动化和信息化系统。它将传统的组态软件与云计算、大数据等新兴技术相结合,为用户提供了
    的头像 发表于 07-01 14:07 306次阅读

    基于云组态的物联网平台有什么功能

    发现不了,得不到及时解决,影响到工厂的持续性发展。 对此,数之能提供基于云组态的物联网平台,可以实现PLC、仪器仪表、传感器、数控机床、工业机器人等设备接入和数据采集,并根据所属现场创建个性化组态
    的头像 发表于 06-27 11:07 308次阅读
    基于云<b class='flag-5'>组态</b>的物联网平台有什么功能

    PLC组态是什么意思

    PLC组态,作为PLC系统中的重要环节,其作用是至关重要的。本文将深入探讨PLC组态的概念、功能、应用以及其在工业自动化中的重要作用。领
    的头像 发表于 06-19 14:11 2617次阅读

    水泵监控系统组态图解

    在智慧水务中,水泵组态监控系统泵站进行远程监控,般需要监测到监测站内栅格机的工作状态,污水池水位、出站流量、池内有害气体浓度、泵组工
    的头像 发表于 06-14 16:39 458次阅读

    组态平台是什么?有什么功能?

    组态平台是种基于云计算技术的图形化配置和监控工具。它允许用户通过互联网远程访问,对各种工业设备、控制系统和数据进行配置、监控以及分析。云组态
    的头像 发表于 05-17 15:58 567次阅读

    拖拽式云组态是什么?

    组态是指将传统的组态软件迁移到云平台上运行,实现组态的可视化、远程监控和远程操作。 云组态的基本原理是将设备、传感器、控制器等连接到云端,在云端建立
    的头像 发表于 04-29 15:44 359次阅读

    什么是组态软件?组态软件有什么用?

    组态软件是指些数据采集与过程控制的专用软件,它们是在自动控制系统监控层级的软件平台和开发环境,使用灵活的组态方式,为用户提供快速构建工业
    的头像 发表于 04-20 14:16 789次阅读

    Linux 基于centos7 在局域网内部署的可组态大数据展示平台

    E-Control基于centos7 在局域网内部署的可组态大数据展示平台,通过浏览器操作组态工具、浏览组态画面,实现工程管理、
    发表于 02-25 00:26

    工控系统Web组态工具的特点

    工业自动控制系统监控功能的通用层次的软件工具。 组态软件的组成 组态软件是种集成化的软件系统,它主要由以下几个部分组成: 人机交互界面 人
    的头像 发表于 01-26 15:31 881次阅读
    工控<b class='flag-5'>系统</b>Web<b class='flag-5'>组态</b>工具的特点

    云系统组态的优势特点

    传统的组态软件主要是触摸屏的组态软件和 电脑端的组态软件 。组态软件可以解决数据交互的问题,但随着信息时代和物联网的飞速发展,
    的头像 发表于 01-20 09:50 1397次阅读

    分布式设备数据云平台通过组态监控实现智能管理

    组态系统是指用来显示和控制机器设备或系统的用户界面。它通过以图形化的方式向操作员展示设备或系统的状态和信息,并提供便捷操作和管理控制的功能,
    的头像 发表于 01-12 11:36 404次阅读
    分布式设备数据云平台<b class='flag-5'>通过</b><b class='flag-5'>组态</b>监控实现智能管理

    什么是云组态平台?无需下载快速构建组态画面

    状态成为可能。传统的仅支持PC端的C/S模式组态软件正逐步被新型基于云端模式B/S架构的组态软件所取代。 什么是云组态软件? 组态软件即组态
    的头像 发表于 01-03 11:48 1280次阅读
    什么是云<b class='flag-5'>组态</b>平台?无需下载快速构建<b class='flag-5'>组态</b><b class='flag-5'>画面</b>