首页
应用行业
应用行业
应用平台
智慧工厂
智慧生产
养殖环控
生物安全
农业产业园
工控行业
电力行业
水泵行业
环保行业
锅炉行业
有人IoT
物联卡
终端产品库
合作模式
企业版
私有部署
二次开发
+物联网
服务支持
快速入门
视频教程
有人IoT说明书
有人SIM说明书
有人云公开课
关于我们
登录
|
注册
体验有人云
控制台
首页
应用行业
终端产品库
合作模式
服务支持
关于我们
返回主菜单
智慧工厂
智慧生产
养殖环控
生物安全
农业产业园
工控行业
电力行业
水泵行业
环保行业
锅炉行业
返回主菜单
企业版
私有部署
二次开发
+物联网
返回主菜单
快速入门
视频教程
有人IoT说明书
有人SIM说明书
有人云公开课
有人IoT平台
产品介绍
什么是有人IoT
名词解释
设备和网关的区别
使用限制
服务等级
等级说明
购买、续费、升级、降级
私有部署
快速入门
Modbus入门
PLC入门
单片机网关
IO开关
LoRa网关
运算型变量
环保HJ212协议
用户权限
组织管理
组织概述
组织管理流程
组织体系
用户管理
用户管理功能概述
用户管理流程
用户权限配置
角色管理
角色概述
角色管理流程
资源管理
监控大屏
监控大屏
自定义大屏
自定义大屏
场景管理
场景概述
场景操作
场景模型概述
场景模型操作
关键词解释
设备管理
设备管理
设备模板
数据监控
设备标签
自动定位
组态管理
模板组态
场景组态
独立组态
从组态编辑器中对比三者的区别
组态编辑器
组态编辑器概述
元件配置
顶部工具栏
页面管理
元件库
元件介绍
基本元件
控制元件
图表元件
图库
画布
快捷操作
报警联动
模板触发器
模型触发器
网关监测触发器
独立触发器
报警配置
报警联系人
常见问题
数据中心
数据统计
设备上下线
历史记录
网关上下线
变量报警记录
网关报警记录
联动记录
数据报表
数据报表
企业专属配置
企业专属配置介绍
专属资料配置
系统设置
域名
自定义大屏域名
dm平台中性域名配置
登录系统名称
系统名称
登录页底部信息
系统LOGO
大屏LOGO
登录页背景图
子用户注册配置
邮箱设置
邮箱设置
公众号报警信息
公众号消息推送
短信推送
短信推送
语音推送
语音推送
微信小程序
小程序备案流程
微信小程序
菜单管理
功能简介
菜单模式分类
系统默认菜单和自定义菜单的关联关系
菜单类型
菜单级别规范
菜单布局
自定义菜单限制
自定义菜单排序规则
自定义菜单删除规范
菜单和角色的关联关系
菜单默认加载规范
内嵌菜单业务域名配置规范
内嵌菜单开发规范
自定义菜单操作讲解
自定义菜单应用场景
自定义菜单演示案例
主题配置
功能简介
登录主题配置
登录框布局配置
控制台主题配置
网关管理
网关管理
网关状态
SN和ID的区别
ID方式添加的网关上云配置流程
维保管理
维保管理概述
设备档案
维保计划
维保报修
工单管理
我的工单
扩展功能
摄像头管理
数据推送
定时任务
功能中心
透传管理
三方网关管理
功能概述
功能启用
三方网关属性
三方网关接入方式
TCP透传接入
接入流程分解介绍
接入方式介绍
MQTT透传接入方式
接入方式介绍
接入流程分解介绍
MQTT标准协议接入
接入方式介绍
接入流程分解介绍
三方网关状态
三方网关监测功能
三方网关接入限制
三方网关接入案例
TCP透传(光照度传感器-塔石TAS-LTE-364TCP透传接入)
MQTT透传(光照度传感器-智嵌物联GD2110YM MQTT透传接入)
MQTT标准协议(繁易Fbox设备使用有人云MQTT标准协议接入
手机端
手机端
二次开发
二开介绍
二开权益获取
接口清单
使用限制
FAQ
基础二次开发
说明
API
调用API
错误码
API 接口清单
调试工具
用户
获取X-Access-Token
编辑用户信息
获取用户信息
设备
添加设备
获取设备列表
获取设备详情
获取设备变量列表
编辑设备
删除设备
获取模板信息
网关
删除网关
获取网关详情
添加网关
获取网关列表
数据
获取报警历史记录
获取历史记录查询地址
网关上下线记录
获取设备变量历史记录
获取历史记录最新数据
获取网关定位历史数据
获取命令下发地址
命令下发
组织
添加组织
修改组织
删除组织
查询组织列表(树形结构)
获取组织详情
查询组织列表(带分页)
JS SDK
说明
初始化和销毁
历史记录查询
网关数据传输
监听数据
设备数据传输
错误码
Http 推送
使用文档
高级二次开发
说明
基础二次开发
API
报警联动
添加独立触发器
编辑独立触发器
获取独立触发器列表
删除独立触发器
查询单个独立触发器
获取单个网关监测触发器
添加网关监测触发器
修改设备监测触发器
获取网关监测触发器列表
删除设备监测触发器
定时任务
添加定时任务
修改定时任务
删除定时任务
获取定时任务列表
查询定时任务详情
启动定时任务
关闭定时任务
JAVA SDK
说明
初始化
推送实时数据
监听实时数据推送
监听状态推送
应用案例
智慧办公物联网监控场景案例
农业大棚智能监测场景
有人联网设备远程运维应用场景
智慧养鸡应用场景
城镇污水处理场景应用
城市环境监测场景应用
智能切割监控场景案例
智能太阳能热水供给场景
光伏离网发电数据监控
畜牧业生物安全防控系统
换热站远程监控系统
锅炉厂远程售后管理平台
智慧冷库场景远程监控
水肥一体机智能灌溉应用场景
酿酒工厂远程监控应用场景
工地环境监测场景应用
智能限高架通行管理应用场景
水质智能监测系统
水位智能监测场景
智慧售后服务应用场景
配电室远程监控运维场景
PLC工控解决方案
电力保护解决方案
水泵物联网解决方案
网络监管解决方案
移动资产定位解决方案
智慧工厂解决方案
智慧井盖解决方案
污水处理解决方案
锅炉物联网解决方案
常见问题
历史数据趋势图抽样算法
产品库
网关离线
有关NB设备
有关变量
数据拆包
关于设备重启
VCOM常见问题
摄像头常见问题
报警设置
报警处理流程
更新日志
2024-10-09
2024-09-03
2024-08-06
2024-07-16
2024-07-01
2024-06-06
2024-05-16
2024-05-08
2024-03-28
2023-12-27
2023-12-21
2023-11-16
2023-10-19
2023-09-20
2023-09-07
2023-08-14
2023-07-26
组态管理
>
组态编辑器
>
元件库(原始)
元件库(原始)
本页目录
通用操作
基本元件
控制元件
图表元件
元件承载组态编辑器的核心功能,是构成组态编辑器的基本要素。拖拽所需元件到选中页面的画布中,再配置元件的数据源、交互、展示样式等,便可使用该元件的功能。目前元件库中包含“基本元件”、“控制元件”、“图表元件”三大类,下面将会针对每一个元件的功能进行详细介绍。 ![](/Public/attached/20221009040609_95017.png) ### 通用操作 ##### 添加元件到画布 从左侧元件中选择文本元件,鼠标左键按住不放,拖拽至组态设计画布中,松开鼠标左键,元件在画面上显示出来。 ##### 调整元件尺寸和位置 改变大小:鼠标点击元件,此时文本元件周围有圆点的小矩形框,鼠标挪到小矩形框上,鼠标箭头变为方向箭头时,按下鼠标左键并拖动,可以改变元件的大小。 改变位置:当鼠标在元件上变为双“十”字型时,按下鼠标左键并拖动,可以改变元件的位置。 注意:元件的尺寸设置太小时,会影响展示效果。 ##### 调整元件方向 改变方向:鼠标点击元件,此时文本元件周围有圆点的小矩形框,并出现旋转小图标,鼠标放置于选中小图标上,此时鼠标变为双“十”字型时,按住鼠标左键并拖动,可以改变元件的方向。 ### 基本操作 元件的基本操作有复制、粘贴、剪切、复制、左对齐、居中对齐、右对齐、顶部对齐、中部对齐、底部对齐、置顶、置底、缩放、组合、锁定、解锁等操作,详情请查看上面工具栏介绍。 ### 基本元件 ![](/Public/attached/20221009040932_46127.png) 基本元件包括文本、矩形、圆形、直线、表格、时间、天气。 ##### 文本 用来表达和展示所指定的内容,在页面画布上双击元件便可以直接输入文本。 在数据配置中支持配置该元件的标题、交互事件(按下、弹起、单击、双击),详情参见
数据配置
。 在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、背景颜色、不透明度,详情参见
样式配置
。 ##### 矩形 矩形元件可以用于满足各种场景拼装。例如拼装出展示图案,或作为数字或文字的背景等。 在页画布双击矩形元件可以直接输入文本。 在数据配置中支持配置该元件的标题、交互事件(按下、弹起、单击、双击),详情参见
数据配置
。 在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、背景颜色、不透明度,详情参见
样式配置
。 ##### 圆形 在页面画布上双击元件可以直接输入文本 在数据配置中支持配置该元件的标题、交互事件(按下、弹起、单击、双击),详情参见
数据配置
。 在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、背景颜色、不透明度,详情参见
样式配置
。 ##### 直线 直线元件仅支持样式配置,在样式配置中不支持设置改元件的位置和尺寸,支持设置直线的角度、线段类型、线段宽度、线段颜色、不透明度,针对直线元件特有配置见下面介绍,通用配置参见
样式配置
。 鼠标悬浮到选中的直线元件时,会出现十字形的光标,可以拖到光标到任意方向,调整直线的形状。 线段类型:提供实线、虚线多种线段类型选择; 线段宽度:默认为1px,可以根据自己的需要配置; 线段颜色:设置直线的颜色,点击图标””,弹出拾色器,选择自己想要的颜色 ##### 表格 表格元件仅支持样式配置,在样式配置中支持对元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、背景颜色、不透明度、行列的增减,下面会对单元格特有的行列设置进行介绍,通用配置参见
样式配置
。 左边插入列:选中表格元件,点击鼠标右键选择”增加左边一列”或者在”外观”分类中点击图标”” 右边插入列:选中表格元件,点击鼠标右键选择”增加右边一列”或者在”外观”分类中点击图标”” 左侧删除列:选中表格元件,点击鼠标右键选择”删除左边一列”或者在”外观”分类中点击图标”” 右侧删除列:选中表格元件,点击鼠标右键选择”删除右边一列”或者在”外观”分类中点击图标”” 上方插入行:选中表格元件,点击鼠标右键选择”增加顶部一行”或者在”外观”分类中点击图标”” 下方插入行:选中表格元件,点击鼠标右键选择”增加底部一行”或者在”外观”分类中点击图标”” 顶部删除行:选中表格元件,点击鼠标右键选择”删除顶部一行”或者在”外观”分类中点击图标”” 底部删除行:选中表格元件,点击鼠标右键选择”增加左边一列”或者在”外观”分类中点击图标”” 注意: 双击表格元件后再单击单个单元格,可以针对每个单元格设置文本,文本的设置是针对整个表格内的所有内容生效。 ##### 时间 时间元件仅支持样式配置,在样式配置中支持对元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、时间格式、背景颜色、边框颜色、不透明度,下面会对时间元件特有的”时间格式”进行介绍,通用配置参见
样式配置
。 时间元件的格式有”yyyy-mm-dd hh-MM-ss”、”yyyy-mm-dd”、”hh-MM-ss”三种,以数字形式展示,”yyyy-mm-dd hh-MM-ss”代表年-月-日 时-分-秒,”yyyy-mm-dd”代表年-月-日,”hh-MM-ss代表时-分-秒。 ### 控制元件 ![](/Public/attached/20200521112110_59465.png) 控制元件包括开关、按钮。 ##### 开关 在数据配置中支持配置该元件的标题、数据来源、状态设置,下面会针对开关特有的”状态设置”进行详情介绍,通用配置参见
样式配置
。 在样式配置中支持配置该元件的标题、位置、尺寸、角度、背景颜色、不透明度,详情参见
样式配置
。 状态设置: 点击状态设置字段右侧的图标””,出现状态设置的弹窗。开关的状态有开启和关闭两种状态,设置状态的触发值和展示图片,点击”应用”完成状态设置。 在弹窗上点击”展示图片”字段下的图片可以更换图片,开启状态的触发值默认为1,关闭状态的触发值默认为0,默认展示滑块开关的样式。 ##### 按钮 在数据配置中支持配置该元件的标题、交互,详情配置参见
样式配置
。 在样式配置中支持配置该元件的标题、位置、尺寸、角度、背景颜色、背景图片、不透明度,详情参见
样式配置
。 注意:双击该元件可以在元件上编辑文本,支持上传背景图片,做为按钮的展示图片。 ### 图表元件 ![](/Public/attached/20200521112235_13776.png) 图标元件包括:变量值、变量值、变量值图片、流动条、仪表盘:数据曲线图:数据表格:报警表格、饼图、指示灯、计量器、设备状态、网页、视频。 ##### 变量值 变量值元件以绑定变量的数据做为动态数据源来展示数值或配置的内容,支持”数据”和”样式”配置。 在数据配置中支持配置该元件的标题、数据来源、翻译内容、动效、交互事件(按下、弹起、单击、双击),下面会针对”翻译内容”进行详细介绍,其他通用配置项参见
数据配置
。 在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、加粗、倾斜、下划线、背景颜色、不透明度,详情参见
样式配置
。 设置翻译内容 设置所绑定变量不同值代表的内容,比如变量温度为”100”时翻译成”高温”进行展示;点击设置翻译内容右侧的图标””时,出现设置翻译内容的弹窗,设置最小值和最大值和达到触发值时对应展示的内容,最多可以添加20条。 注意:设置的最小值和最大值代表最小值至最大值的范围,组态运行时当达到这个范围后便会展示设置的翻译内容。最大值和最小值相等时,触发值就是这个相等的值,例如最大值和最小值都设置为10 ,当组态运行后,绑定变量的数值达到10后便会展示设置的翻译内容。 ##### 变量值图片 变量值图片主要用于当变量处于不同的值时显示不同的图片,支持”数据”和”样式”配置。 在数据配置中支持配置该元件的标题、数据来源、设置变量图片、交互事件(按下、弹起、单击、双击),下面会针对”设置变量图片”进行详细介绍,其他通用配置项参见
数据配置
。 在样式配置中支持配置该元件的标题、位置、尺寸、角度、不透明度,详情参见
样式配置
。 ###### 设置变量图片 点击设置翻译内容右侧的图标””时,出现设置翻译内容的弹窗,设置最小值和最大值以及对应图片和对应的颜色,最多可以添加9条,点击应用按钮设置成功。 最小值和最大值:设置的最小值和最大值代表最小值至最大值的范围,最大值和最小值相等时,触发值就是这个相等的值。 对应图片:支持选择本地图片和系统图片,运行组态后所绑定的变量值达到触发值便会展示对应的图片; 对应颜色:点击图标””时,出现拾色器,选择想要的颜色,运行组态后所绑定的变量值达到触发值便会展示对应的颜色; ![](/Public/attached/20200521113303_91963.png) ##### 流动条 流动条元件主要用于展示一些水流等效果,支持”数据”和”样式”配置。 在数据配置中支持配置该元件的标题、数据来源、设置流向,下面会针对”设置流向”进行详细介绍,其他通用配置项参见
数据配置
。 在样式配置中流动条元件不支持设置位置和尺寸,支持设置背景颜色、流动条颜色,角度、背景颜色请参见
样式配置
。 ###### 设置流向 当绑定的变量处于不同的值时触发该元件的不同流向。点击设置流向右侧的图标””时,出现设置流向的弹窗,选择水流效果、设置最小值和最大值,最多可以设置9条,点击”应用”按钮完成设置。 水流效果:水流效果有7种,主要为正向流动、反向流动、停止流动、快速正向流动、慢速正向流动、快速反向流动、慢速反向流动; 最小值和最大值:设置的最小值和最大值代表最小值至最大值的范围。运行组态后所绑定的变量值达到触发值便会显示不同的水流效果。 ![](/Public/attached/20200521113343_49376.png) ##### 仪表盘 该元件支持”数据”和”样式”配置。 在数据配置中支持配置该元件的标题、数据来源、最小刻度、最大刻度的,标题、数据来源通用配置项参见数据配置 在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、外观,下面会详细介绍外观设置,其他通用设置详情参见样式配置 刻度设置:最小刻度默认为0,最大刻度默认为100,支持自定义设置 外观设置:外观支持设置刻度颜色、面板颜色、指针颜色、中心颜色、不透明度。 ![](/Public/attached/20200521113416_43325.png) ##### 数据曲线图 该元件主要用于查看绑定变量的实时数据或历史数据的趋势图,支持数据和样式配置。 在数据配置中,支持配置标题、数据来源、图形类型。数据来源支持选择实时数据或历史数据,需要绑定变量提供数据源,最多可以选择9个变量。图形类型可以选择曲线图、纵向柱状图、横向柱状图。 在样式配置中支持配置该元件的标题、位置、尺寸、角度、外观,下面会详细介绍外观设置,其他通用设置详情参见
样式配置
。 外观设置:图形类型为曲线图时,外观支持设置背景颜色、坐标值颜色、坐标颜色、不透明度;图形类型为柱状图时,外观支持设置背景颜色、柱形颜色、坐标颜色、不透明度。 ##### 数据表格 该元件主要用于展示实时数据或历史数据的报表,支持数据和样式的配置。 在数据配置中支持配置该元件的标题、数据来源和功能; 在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、背景颜色、边框颜色、不透明度,详情参见
样式配置
。 表格类型:该元件支持选择实时数据表格或历史数据表格; 功能:用于配置数据表格的数据来源,最多可以绑定9个变量 ##### 报警表格 该元件主要用于展示实时报警数据或历史报警数据的报表,支持数据和样式的配置。 在数据配置中支持配置该元件的标题、数据来源和功能; 在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、对齐方式、背景颜色、边框颜色、不透明度,详情参见
样式配置
。 表格类型:该元件支持选择实时报警数据表格或历史报警数据表格; 功能:用于配置数据表格的数据来源,最多可以绑定9个变量 ##### 饼图 该元件主要用于展示不同变量数据之间的占比,支持数据和样式的配置。 在数据配置中支持配置该元件的标题、数据来源;在数据来源中最多可以绑定9个变量,支持设置每个变量的展示颜色 在样式配置中支持配置该元件的标题、位置、尺寸、角度、背景颜色、不透明度,详情参见
样式配置
。 ##### 指示灯 在数据配置中支持配置该元件的标题、数据来源、状态设置,下面会针对改元件的”状态设置”进行详情介绍,其他通用配置参见
数据配置
。 在样式配置中支持配置该元件的标题、位置、尺寸、角度、背景颜色、不透明度,详情参见
样式配置
。 状态设置: 点击状态设置字段右侧的图标””,出现状态设置的弹窗。指示灯的状态有开启和关闭两种状态,设置状态的触发值和展示图片,点击”应用”完成状态设置。 在弹窗上点击”展示图片”字段下的图片可以更换图片,开启状态的触发值默认为1,关闭状态的触发值默认为0。 ##### 计量器 计量器元件主要用于测量,支持”数据”和”样式”配置。 在数据配置中支持配置该元件的标题、数据来源、展示类型、最小刻度、最大刻度的,标题、数据来源通用配置项参见
数据配置
。 在样式配置中支持配置该元件的标题、位置、尺寸、角度、文本字体、字号大小、颜色、外观,下面会详细介绍不同展示类型的外观设置,其他通用设置详情参见
样式配置
。 展示类型:展示类型分为温度计、棒图、容量器三种。 刻度设置:展示类型为温度计和棒图时,需要设置最小刻度和最大刻度,展示类型为容量器时需要设置最大刻度。绑定变量的值大于设置的最大值或小于设置的最小刻度值时按照刻度的最大值或最小值显示。 外观设置:展示类型为温度计,外观支持设置液位颜色、边框颜色、填充颜色、背景颜色; 展示类型为棒图时,外观支持设置填充颜色、刻度颜色; 展示类型为容量时,外观支持设置外层圆圈颜色、波浪划过文字的颜色、波浪颜色; ##### 设备状态 设备状态元件主要是用于展示设备在线、离线、报警三种状态,支持”数据”和”样式”配置。 在数据配置中支持配置该元件的标题、状态图片。 在样式配置中流动条元件不支持设置位置和尺寸,支持设置角度、不透明度,详情请参见
样式配置
。 状态图片: 设置设备在线、离线、报警三种状态对应的显示图片,支持从本地和系统图片中选择。 ##### 网页 网页元件是组态设计中的一个常见元素,主要用于将站点外的内容纳入到页面中,支持配置数据和样式。 在数据配置中支持配置网页元件的标题和链接。在功能分类下的网页链接字段中配置URL地址。 在样式配置中支持设置位置、尺寸、角度,配置详情请参见
样式配置
。 ##### 视频 视频元件主要应用于在组态画面的视频播放,支持”数据”和”样式”配置。 在数据配置中支持配置该元件的标题、数据来源(独立组态)、视频播放形式。 在样式配置中支持设置位置、尺寸、角度、不透明度,配置详情请参见
样式配置
。 数据来源:设计的组态为独立组态时,需要关联设备。被关联的设备如果没有绑定摄像头该元件则无法正常使用。 视频播放:勾选自动播放时,组态运行时视频元件处于自动播放状态;未勾选自动播放时,组态运行时,需要手动点击视频元件才可以播放视频画面。 注意:在手机端运行时,该元件只支持手动播放。若需要集成多个视频创建多个播放器即可实现,但需要注意的是集成多个播放器需要注意单个播放器的长宽比例限制最小为{w: 400px;h: 300px;}(chrome浏览器限制),小于这个大小时自动播放会失效。
上一篇
:页面管理
下一篇
:图库
在线支持
方案咨询
联系方式
方案咨询
请提交需求,我们将马上与您取得联系
×
*
姓名
请输入您的姓名
输入的内容过长
*
手机号
请输入您的手机号
手机号格式错误
*
公司名称
请输入您的公司名称
输入内容长度需在3-30个字符之间
*
所属行业
请选择所属行业
请选择您的所属行业
请输入您的所属行业
输入内容过长
*
企业性质
设备厂商
集成商
方案商
软件开发商
个人
其他
请选择您的企业性质
请输入您的企业性质
输入内容过长
*
您的需求
请描述您的需求
输入内容长度需在10-500个字符之间
1
×
您的需求提交成功,我们会尽快与您联系。
感谢您的反馈!
联系方式
×
技术支持热线(有人云技术问题解答)
售前支持
0531-55584777
售后支持
0531-55584555
有人云合作
李焕燕
15668333896
lihuanyan@usr.cn
有人云代理加盟
袁路康
19953126829
yuanlukang@usr.cn
各区域负责人
张永增(华北区域)
18653122839
zhangyongzeng@usr.cn
王洪峰(华东区域)
13256670261
wanghongfeng@usr.cn
徐久鹤(华中区域)
18162746589
xujiuhe@usr.cn
周政平(华南区域)
13689531129
zhouzhengping@usr.cn
高扶朝(国际贸易)
13405313834
gaofuchao@usr.cn
袁路康(渠道代理)
19953126829
yuanlukang@usr.cn
点击获取更多联系方式