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客户经理 即可免费获得所需行业物联网解决方案

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

    关注

    2903

    文章

    44284

    浏览量

    371324
收藏 人收藏

    评论

    相关推荐

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

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

    画面分割器怎么调试

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

    画面分割器怎么连接

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

    工业组态云平台是什么

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

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

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

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

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

    拖拽式云组态是什么?

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

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

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

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

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

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

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

    云系统组态的优势特点

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

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

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

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

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

    如何从简单的数学表达式创建Saber模型?

    如何从简单的数学表达式创建Saber模型,将你的输出描述为输入的函数?例如 out=a*in*in+b (其中 a 和 b 是常数)
    的头像 发表于 12-05 13:42 689次阅读
    如何从<b class='flag-5'>一</b><b class='flag-5'>个</b>简单的数学表达式<b class='flag-5'>创建</b><b class='flag-5'>一</b><b class='flag-5'>个</b>Saber模型?

    什么是组态图?什么是组态图软件?

    随着计算机技术和工业自动化水平迅速提高,而车间现场种类繁杂的控制设备和过程监控装置使得传统的工业控制软件无法满足用户的各种需求。在“组态”概念出现之前,工程技术人员需要通过编写程序来实现某
    的头像 发表于 12-01 10:30 1973次阅读
    什么是<b class='flag-5'>组态</b>图?什么是<b class='flag-5'>组态</b>图软件?