学习日记——物可视

百度云物联网组件图

• 物可视的数据源可以是物管理，我们的设备可以通过MQTT协议将数据上报给物管理。物管理再将我们上报的数据作为物可视的数据源。
• 我们的设备还可以将数据上报到物接入，之后通过规则引擎来将数据发送给时序数据库。时序数据库再作为物可视的数据源。
• 物可视的数据源还可以是静态数据。
• 【物管理】注意：
  1 【物管理】接入协议：MQTT、HTTP，可与物引擎、告警服务、物可视等产品无缝对接；
  2 【物模型】：由一个或多个属性构成的，可以用来表示一类设备；
  3 【物影子】：对应着现实世界中的一台真实设备。【物可视】数据源之一，就是【物影子】；

物可视

一、产品概述

• 物可视与传统的可视化开发有什么不同？
  传统的可视化开发容易出现这样的问题：
  可视化的数据展示太复杂，设计师无从下手 可视化的图表开发太繁琐，工程师耗费时间
  可视化的效果老板不满意，全团队多次返工
  还有物联网时序数据可视化开发的分析与展现、可视化大屏的分辨率尺寸适配……在传统的可视化开发中总是会遇到各种问题。
  这些，物可视通通为您解决。
  物可视提供拖拽式的交互方式、丰富的可视化组件、预置的视觉模板、支持多数据源接入可视化，助您29分钟轻松完成可视化应用开发。
• 优点
  轻松实现可视化开发、无缝对接多数据源、最灵活的使用方式
  二、产品功能
• 包含丰富的可视化组件
  包含各类型可视化组件：柱状图、饼图、轨迹地图、设备点地图、工业组态图素材、告警灯、时钟等通用组件
• 支持多样的数据源接入
  支持各类型的数据源接入：天工时序数据库TSDB、物管理、静态json文件、静态csv文件、第三方数据API接口
• 提供灵活的工具式能力
  零编程完成可视化开发，支持类PPT的交互方式，选取组件、绑定数据源、对齐组合实现专属于你的可视化应用
• 预置精致的可视化模板
  针对统计分析、监控、地图、工业组态等提供预置的可视化模板，切换到您的数据源即可轻松实现最佳的可视化效果
• 一步到位的分享与部署
  完成可视化之后发布预览，一键分享URL访问，提供前端JS集成，更方便嵌入第三方应用
  三、产品优势
  物可视无缝对接海量实时数据，零编程设计可视化仪表盘，具有强大的定制和嵌入功能，让开发物联网可视化应用如此简单。

1. 无缝对接海量实时数据
   支持各类型数据源接入，实时推送数据源更新
2. 零编程设计可视化仪表盘
   拖一拖，拽一拽，轻松实现可视化开发，让您所见即所得
3. 可视化组件丰富多样
   提供丰富且多样的可视化组件：图表、文本、地图、图形、素材、通用，并支持创建自定义组件
4. 一键分享与灵活部署
   一键分享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小时的故障数。
   使用组态组件构建一个和现实环境相同的逻辑结构，将每个组态绑定到数据源的某个字段，一旦异常立即变色，从而实现系统监控。

操作流程

1. 处理数据源：进入仪表盘设计器，在数据源页面添加、处理数据源
2. 选取组件与绑定数据源：在仪表盘页面选取相应组件，绑上对应的数据源，进行排版布局
3. 在线预览和发布：完成设计后，可以在线预览，并发布到线上
4. 组件嵌入应用：仪表盘可以通过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