智慧小区安全防护系统实训——数据可视化

一、实训目的

1、智慧小区安全防护系统的可视化展现；

二、 实训步骤

1 物联网云平台可视化组件配置运用

步骤 1 创建一个可视化项目

可视化能力是 OneNET 平台重点打造的基于物联网设备大数据的增值服务能力，可以从平台全部产
品服务的菜单列表中，点击”数据可视化 view“菜单后，点击“立即试用”按钮进入。

image.png

首先新增一个可视化项目，在弹出的模板选择页面，选择一个 2D 项目模板下的“空白模板”作为本
次项目可视化的基础模板，填写位于右侧的项目名称、项目描述后，点击“确定”完成可视化项目创建。

屏幕截图 2022-04-15 103702.png

步骤 2 增加数据源模板

点击左侧菜单“数据管理”下“数据源模板”子菜单，右侧页面中，点击“创建数据源模板”，预先
为界面展示距离的变化图表建立一个数据来源模板。

image.png

在展开的配置项中，先设定第一项的“数据类型” 为“OneNET Studio”，这时页面会切换为配置从
“OneNET Studio”抓取数据所需的必要信息。依次
填写带“*”的所有项。（以其中一个为例）

image.png

步骤 3 编辑可视化页面及各个组件

回到可视化项目列表展示页面，点击已创建好可视化项目缩略图下方的“编辑”按钮，进入页面编辑状态，如果是采用已有模板，则需将页面多余的控件加以删除，保留背景等基础效果，如果是空白模板，则直接添加本次实训所需的控件：常规图表中的平滑折线图。

步骤 4 设置图表的数据来源

保持折线图处于选择状态（可再次双击折线图，右侧出现属性修改页），现在切换到“数据”属性 Tab页。选择“数据绑定方式”为“数据源”，此时“数据源选择”下拉列表为“请选择”状态，点击“管理数据源”按钮，弹出“数据源管理”页面。

image.png

[图片上传中...(屏幕截图 2022-04-15 114906.png-675493-1650179797124-0)]

步骤 5 设置不使用数据过滤器

点击 “使用数据过滤器”前面的勾选框，去掉勾选，即不使用数据过滤器。

image.png

步骤6 重复以上步骤进行其他功能配置

屏幕截图 2022-04-15 114336.png

屏幕截图 2022-04-15 114906.png

三、实验成果展示

屏幕截图 2022-04-15 115555.png

实验后，可以实现基础的OneNETStudio 可视化输出，可以将数据通过onenet平台可视化数据，可以更加直观的获取数据。