可视化大屏
可视化大屏
ThingsCloud 可视化大屏是基于 ThingsCloud 平台的可视化应用产品,您可以通过拖拽和组合上千种组件,生成各种内容的大屏,实时展示设备的运行状态、数据和报警信息,同时还无缝支持远程控制设备,这一切无需您进行任何代码层面的数据配置。
相对于看板,大屏提供了更加丰富的图形库和灵活的布局能力,更像是一个强大自由的网页编辑器,能实现更专业的物联网大屏。
这里列举一些大屏的展示效果:


大屏应用场景
ThingsCloud 大屏可以广泛应用于农业、工业、物流、仓库、能源、水利、建筑等多个领域。例如:
- 在智能制造领域,使用 ThingsCloud 大屏展示生产线上的设备状态和运行情况,帮助企业全面了解设备的运行情况,及时发现问题并采取措施。
- 在智慧城市中,使用 ThingsCloud 大屏展示城市交通流量、人流量等信息,帮助城市管理部门更好地了解城市运行状况,提高城市管理水平。
- 在仓储物流领域,使用 ThingsCloud 大屏展示货物流向、货物数量、库存情况等信息,帮助企业实时监控物流情况,提高物流效率和准确性。
- 在智能家居领域,使用 ThingsCloud 大屏展示家庭电器的开关状态、用电量等信息,帮助用户了解家庭用电情况,节约用电成本。
- 在医疗保健领域,使用 ThingsCloud 大屏展示医疗设备的运行情况和数据,帮助医生实时监控患者的健康情况,提高医疗服务质量。
- 在能源管理领域,使用 ThingsCloud 大屏展示能源消耗情况、能源效率等信息,帮助企业全面了解能源使用情况,优化能源管理策略。
创建可视化大屏
进入 可视化 > 大屏 > 创建大屏,即可创建可视化大屏。进入创建好的大屏编辑器,可以从左侧添加组件,例如:

大屏常用功能
多种连线类型
全新的连线工具为您带来更加灵活的体验,从折线到直角线、曲线、脑图线,轻松实现各种绘图需求。不论您是展示设备运行状态,还是进行数据分析和决策支持,ThingsCloud 大屏都能满足您的需要。

一键搞定连线动画
连线支持多种动画效果,包括水流、虚线、圆点等,可以更加生动的展示信号、能量、数据、信息的流动,适用于各种物联网场景。
例如:
- 在智能工厂中,可以使用水流动画来展示生产线上的原材料流动情况、产品制造流程等信息;
- 在智慧城市中,可以使用虚线动画来展示城市交通流量、人流量等信息;
- 在智能家居中,可以使用圆点动画来展示家庭电器的开关状态、用电量等信息。

连线锚点编辑
通过在连线上添加或删除锚点,可以快速编辑出您想要的效果。

还可以通过在锚点上开启或关闭手柄,生成各种曲线效果。

上传图片组件
您可以上传本地图片,作为大屏的自定义组件,图片格式支持 png/jpg/gif/svg,自定义组件可以在您的多个大屏中通用。

仪表盘组件
您可以为仪表盘组件绑定任何接入设备的数值类型属性,通过仪表盘,可以直观的了解设备的状态,如温度、湿度、压力等指标,及时发现设备问题并采取措施。此外,我们还可以实时监控设备的状态和报警信息,及时发现设备故障或异常,提高设备的安全性和可靠性。

柱状图组件
您可以为柱状图组件绑定设备历史数据,实现聚合统计和可视化展示。例如,对接入 ThingsCloud 的电能表的用电数据,汇总生成过去 30 天的每日用电量。还可以通过另外一些数据来生成设备产量、能耗、效率等指标,深入挖掘数据背后的价值,提供决策支持和管理参考。

动态进度条
您可以给任何闭合图形,设置一个绑定到进度条的设备属性,例如将设备上报的温度属性绑定到这个矩形图形上,一个进度条就制作完成了,可以继续设置图形样式,将进度条用在任何场景中。

组合状态
您可以将多个组件组合成为状态组件,状态组件支持多种用法,包括:
- 绑定设备属性后,可跟随设备属性上报实时变化。例如:工厂风机上报当前状态是制冷,组件就显示对应状态的制冷图标。
- 绑定设备属性后,可向设备下发不同的状态。例如:将拥有两个状态的组件绑定在设备继电器属性上,便可以控制继电器开关。
- 可开启动画,还可以绑定设备属性,来控制动画的开启和停止。例如:制作一个多帧的电机旋转动画,当电机上报已启动,动画便开始运行。

网页组件
您可以插入网页浏览器,设置网页的 URL,仅支持 https。

图片组件
可插入外部图片,您可以设置图片 URL,仅支持 https。

视频组件
可插入外部视频,支持 mp4/avi 等格式,您可以设置视频 URL,仅支持 https。该组件目前仅支持录播视频,随后将推出支持直播和监控视频的相应组件。

大屏快捷键
| 接入类型 | 用途 |
|---|---|
| 空格 + 鼠标拖拽 | 移动画布 |
| 鼠标右键拖拽 | 移动画布 |
| Ctrl + 滚轮 | 缩放画布 |
| Ctrl + 点击图形 | 多选 |
| Ctrl + A | 全选 |
| Ctrl + C | 复制 |
| Ctrl + X | 剪切 |
| Ctrl + V | 粘贴 |
| Ctrl + Z | 撤销 |
| Ctrl + Y | 重做 |
| H | 选中连线锚点时,添加手柄 |
| D | 选中连线锚点时,删除手柄 |
| A | 选中连线时,添加锚点 |
| Enter | 画线中,完成画线;选中线,闭合连线 |
| Escape | 完成画线或退出其他模式 |
| 方向键 | 移动选中图形 (按住 Ctrl 移动 1 像素; 按住 Shift 移动 5 像素;默认移动 10 像素) |
| 拖拽图形 + Alt | 复制新的图形 |
| 拉伸图形尺寸 + Ctrl | 等比缩放 |
| 拖拽图形 + Shift | 只能垂直拖拽 |
| Delete | 删除选中图形或连线 |
| M | 放大镜开关 |
共享大屏
大屏支持共享,您可以在大屏设置中开启共享,会自动生成共享的公开 URL,该 URL 可以在未登录的情况下直接访问。
提示
需要注意的是,在共享模式下访问大屏,考虑到安全因素,会禁用消息下发类组件的效用,仅用于数据实时展示。