学习日记——物可视

    科技2022-07-11  128

    百度云物联网组件图

    物可视的数据源可以是物管理,我们的设备可以通过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

    Processed: 0.021, SQL: 8