百度云物联网组件图
- 物可视的数据源可以是物管理,我们的设备可以通过MQTT协议将数据上报给物管理。物管理再将我们上报的数据作为物可视的数据源。
- 我们的设备还可以将数据上报到物接入,之后通过规则引擎来将数据发送给时序数据库。时序数据库再作为物可视的数据源。
- 物可视的数据源还可以是静态数据。
- 【物管理】注意:
1 【物管理】接入协议:MQTT、HTTP,可与物引擎、告警服务、物可视等产品无缝对接;
2 【物模型】:由一个或多个属性构成的,可以用来表示一类设备;
3 【物影子】:对应着现实世界中的一台真实设备。【物可视】数据源之一,就是【物影子】;
物可视
一、产品概述
- 物可视与传统的可视化开发有什么不同?
传统的可视化开发容易出现这样的问题:
可视化的数据展示太复杂,设计师无从下手 可视化的图表开发太繁琐,工程师耗费时间
可视化的效果老板不满意,全团队多次返工
还有物联网时序数据可视化开发的分析与展现、可视化大屏的分辨率尺寸适配……在传统的可视化开发中总是会遇到各种问题。
这些,物可视通通为您解决。
物可视提供拖拽式的交互方式、丰富的可视化组件、预置的视觉模板、支持多数据源接入可视化,助您29分钟轻松完成可视化应用开发。 - 优点
轻松实现可视化开发、无缝对接多数据源、最灵活的使用方式
二、产品功能 - 包含丰富的可视化组件
包含各类型可视化组件:柱状图、饼图、轨迹地图、设备点地图、工业组态图素材、告警灯、时钟等通用组件 - 支持多样的数据源接入
支持各类型的数据源接入:天工时序数据库TSDB、物管理、静态json文件、静态csv文件、第三方数据API接口 - 提供灵活的工具式能力
零编程完成可视化开发,支持类PPT的交互方式,选取组件、绑定数据源、对齐组合实现专属于你的可视化应用 - 预置精致的可视化模板
针对统计分析、监控、地图、工业组态等提供预置的可视化模板,切换到您的数据源即可轻松实现最佳的可视化效果 - 一步到位的分享与部署
完成可视化之后发布预览,一键分享URL访问,提供前端JS集成,更方便嵌入第三方应用
三、产品优势
物可视无缝对接海量实时数据,零编程设计可视化仪表盘,具有强大的定制和嵌入功能,让开发物联网可视化应用如此简单。
- 无缝对接海量实时数据
支持各类型数据源接入,实时推送数据源更新 - 零编程设计可视化仪表盘
拖一拖,拽一拽,轻松实现可视化开发,让您所见即所得 - 可视化组件丰富多样
提供丰富且多样的可视化组件:图表、文本、地图、图形、素材、通用,并支持创建自定义组件 - 一键分享与灵活部署
一键分享URL访问链接,提供前端JS集成,5分钟即可完成第三方应用嵌入
四、概念总览
1、工作区
相当于文件夹,是容纳最核心的产品单元(仪表盘)的容器。一个工作区可以包含多个仪表盘,工作区还可以分配给子账号
2、仪表盘
一个可视化产品单元。它可以是一个网页,也可以是网页的一部分。
用户使用物可视平台的目的就是要产出这样一个可视化产品,所以也是整个系统的核心。典型的例子可以是一个停车场的剩余车位监控图,一个电商系统的实时销售额大屏,或者是一个工业系统中每个元件的状态监控图等等。
3、数据源
仪表盘的数据提供方。物可视目前支持的数据源类型有:
(1)天工时序数据库 -——存储和管理时间序列数据:通过物可视可以从中获取查询结果,以图形化显示。
(2)天工物影子 —— 将设备连接到天工物接入后,通过物可视订阅该设备的影子信息。任何对影子信息的推送都会通知物可视,从而引发界面的变化。
(3)静态数据源 -——支持 JSON 和 CSV 两种格式,尤其适用于快速搭建仪表盘用作 DEMO 或者方案可行性验证的阶段。前三种数据源的详细介绍
(4)仿真数据源 -——模拟各种变化的常用数据类型,可以在静态的基础上观察到数据变化的效果,使得 DEMO 更加贴近现实。仿真数据表详细介绍
(5)自定义 API ——使用编码的方式获得全部的控制权,最为灵活的数据获取方式。使用这种方式可以获取任何数据,包括来自非百度产品的数据。使用 PlayerAPI 更新数据
一个仪表盘可以包含多个数据源,将这些不同来源的数据整合到一个可视化产品中,正是物可视的价值所在。
4、处理器
从数据源直接获取的数据可能并不能满足直接展示的要求,因此还需要部分处理器来承担中间转换工作。可以把它们想象成数据处理的管道,输入是数据源的数据,输出是我们需要的格式,从而直接被组件使用。
一个数据源可以连接多个处理器,就和自由拼搭的积木一样。但每个处理器有自己的合法性验证,例如“修改第二列数据“的处理器就不适用于只有一列的数据源,这会在实际拼接时给出不兼容提示,还请留意。
5、组件
组件是仪表盘视觉部分的基本单元,任何仪表盘上看得到的东西都是组件。
物可视的组件大体分为如下几类,以适应各种使用环境:
1.形状 - 各类图形,例如直线,圆形,圆角矩形等等。
2.图表 - 内置 echarts 多种图表,简介美观,例如柱状图,折线图,仪表指针,雷达图等等
3.文本 - 单行或者多行,以及表格
4.地图 - 行政地图,车联网轨迹地图,设备地图等
5.组态 - 模拟工业环境中的各类设备,如管道,阀门,储水罐,电动机,泵等等
6.素材 - 装饰性的素材,使仪表盘更加美观
7.通用 - 其他组件,包含记分牌,插入图片,插入网页(iframe),百分比进度条,时间显示等
组件之间还可以自由组合,形成更大的单元。组件也可以复制粘贴,各个方向的对齐,调整前后遮挡关系等等。
6、配置
将组件放入仪表盘画布之后,右侧会有一个配置窗口,列出该组件的所有可配置项。大部分组件都有长宽,XY(坐标),旋转角度等配置项。还有一些配置项是组件特有的,例如形状类组件会有填充等。详细配置文档可以查看 组件的属性配置
一般我们的操作流程就按照界面上左中右的顺序即可:左侧选择组件,拖动到中间画图上(可能还会调整位置和大小),再在右侧修改详细的配置项。
7、绑定
有一类特殊的属性配置,叫做“数据绑定”。它是将仪表盘的两部分:数据和视觉连接起来的桥梁。为了让数据以视觉的方式展现出来,就需要使用绑定。一般可以在配置面板的“数据绑定”标签页看到许多回形针图标,点击即可。
通过绑定,数据源的某个数据(也可以是整张表)可以以一定的形式影响视觉组件的某些属性。一些常见的例子如下:(但不仅限于此)
根据数据源(可能是物影子)的某个字段让图片或者形状进行变色,从而达到报警灯的效果。
让数据源的某个字段显示为大屏数字,例如实时销售额。
根据数据源(全部或者某几列)绘制出一个折线图,观察数据的变化趋势,例如之前1小时的故障数。
使用组态组件构建一个和现实环境相同的逻辑结构,将每个组态绑定到数据源的某个字段,一旦异常立即变色,从而实现系统监控。
操作流程
- 处理数据源:进入仪表盘设计器,在数据源页面添加、处理数据源
- 选取组件与绑定数据源:在仪表盘页面选取相应组件,绑上对应的数据源,进行排版布局
- 在线预览和发布:完成设计后,可以在线预览,并发布到线上
- 组件嵌入应用:仪表盘可以通过URL分享链接访问,也可以通过前端JS的集成,将仪表盘嵌入到第三方应用中
一、工作区管理
工作区的管理方式分为工作区管理和成员管理
1、新建工作区;复制一个工作区
分配:hover到工作区图标上即出现选中状态,点击图标进入工作区分配页面
改名:点击名称最右边的小图标即可进行重命名
删除复制:将鼠标放在图标上就会出现,复制和删除按键。
搜索:可点击右上角的搜索进行工作区的搜索
二、仪表盘管理
点击工作区管理图标之后可进入仪表盘。
1、创建仪表盘
2、编辑名称,百度云提供多个仪表盘模型,供大家使用
3、创建画布,加载设计器
(1)进入每个仪表盘主要分为3个部分:画布、数据、响应式
(2)上方是仪表盘设计的操作功能区域
(3)左边是物可视提供的各大类型的组件
(4)中间是仪表盘设计器区域
(5)右边是仪表盘内每个组件的属性配置、数据配置区域
可以根据自己所需,设置一些参数,文本。
还有许多设置,大家可以看百度云的官网资料学习。
https://cloud.baidu.com/doc/IOTVIZ/s/Pjwvxl5so
参考链接
https://www.bilibili.com/video/BV1dJ411S723?p=55
https://blog.csdn.net/dingyc_ee/article/details/103746711