FS800DTU联动OneNET平台数据可视化View

1 前言

        OneNET是由中国移动打造的物联网开放平台,在物联网应用和真实设备之间搭建高效、稳定安全的应用平台。该平台支持适配各种网络环境和协议类型,可实现各种传感器和智能硬件的快速接提供丰富的 API和应用模板以支撑各类行业应用和智能硬件的开发。

        FS800DTU核心板是基于飞思创4G Cat.1模组设计的,上面集成了DC-DC、SIM卡、天线和串口电平转换电路,支持5-16V供电输入,我们不需要额外的设计,接上天线、SIM卡和串口就可以使用。FS800DTU支持4路Socket,支持TCP/UDP/HTTP/MQTT等通信协议,适配了阿里云、OneNET等物联网平台。出厂自带YunDTU固件,不需要一条一条发AT指令配置,通过飞思创提供的配置工具直接填写参数即可,连上服务器后数据直接透传,小白也能快速上手。

2 环境搭建

2.1 硬件准备

  1. FS800DTU核心板(型号:FS-MCore-F8A2M1
  2. 4G物联卡一张,移动,联通,电信均可。
  3. USB转TTL模块,包括4根杜邦线。
  4. 4G天线一根。

2.2 软件环境

  1. OneNET物联网开放平台。4G物联卡一张,移动,联通,电信均可。
  2. OneNET数据可视化View。4G天线一根。
  3. SerialPort_To_Network_ConfigTools参数配置软件。

2.3 硬件连接

        将天线,SIM卡装到4G模块上(按照模块上的插卡方向操作),按图示方式接好线,注意串口是交叉连接。

3 注册OneNET云平台并建立物模型

        注册与创建的流程在此处不赘述,具体实现可参照“玩转物联网-4G模块如何快速将数据上传到OneNET平台“这篇文章。以下展示的是我所创建的产品及其物模型的图示。

3.1 参数获取

        获取连接参数、订阅主题以及数据格式的相关信息,请参考”玩转物联网-4G模块如何快速将数据上传到OneNET平台“这篇文章。以下列出了所需的具体信息。

        产品ID:14g5eK3W52

        设备名称:Test

        设备密钥:OHFCWUt***********************=

        直连设备上报属性响应:$sys/14g5eK3W52/Test/thing/property/post/reply

        直连设备上报属性 :$sys/14g5eK3W52/Test/thing/property/post

3.2 连接OneNET

        填写3.1章节的获取的参数并设置所有参数。

3.3上报数据

        上报数据的格式,请参考”玩转物联网-4G模块如何快速将数据上传到OneNET平台“这篇文章。

4 数据可视化View

4.1 用户信息获取

(1)点击头像->点击访问权限

        用户ID:353376

        用户Accesskey:M0Nt0*****************************RDhQ==

4.2 启用数据可视化View

(1)选择产品服务->点击数据可视化View

(2)点击立即试用

4.3 创建项目

(1)新建项目

(2)选择空白模板->自定义名称->自定义项目描述

        由于我当前使用的是基础版,因此仅能使用空白模板,但如果您想使用更多现成的模板,可以选择充值升级

4.4 编辑项目

(1)点击编辑

(2)添加组件

        由于我当前使用的是基础版,所以只能使用相对基础的组件。在这里,我选用了仪表盘组件,而其他更多的组件,您可以自行进行探索与尝试。

4.5 新增数据源

(1)点击仪表盘->点击管理数据源

(2)新增数据源

4.6 数据过滤器配置

(1)编辑数据过滤器

return [{
    value: data[data.length - 1].value, 
    name: data[data.length - 1].id
}]

        将以上面的代码复制数据过滤器中。

(2)修改样式

(3)重复4.4-4.6章节的创建一个湿度的仪表盘如下图所示:

4.6 项目发布

(1)项目发布

(2)效果展示

        将复制的链接粘贴到浏览器中,就可以查看到已经创建的项目。

5 总结

        本篇文章介绍了如何使用FS800DTU向OneNET平台上报温湿度信息,并通过数据可视化功能将这些信息呈现出来。感谢各位的观看!如果您在阅读过程中有任何疑问,或者希望进一步了解该产品,请随时通过私信或评论区与我们联系,我们将尽快回复您的消息!

<think>好的,我现在需要处理用户关于OneNet平台可视化图表实现方法的查询。首先,我得回顾用户提供的引用内容,看看有哪些相关信息可以利用。用户提到的引用[1]提到在OneNet的可视化页面解析和显示多个嵌入式数据,这可能涉及到数据上传和展示的基本流程。引用[3]详细描述了基于ESP32的数据采集和上传到OneNet,并提到平台端的数据存储与处理,以及微信小程序的显示。这应该与硬件和软件的结合有关。引用[4]给出了数据过滤器的使用示例,展示了数据格式和结构,这可能对配置数据源有帮助。用户的问题集中在如何实现OneNet的可视化图表,可能需要步骤指导,包括数据上传、配置数据源、创建视图和使用数据过滤器。我需要确保覆盖这些方面,并参考提供的引用内容来支持回答。 接下来,我应该分步骤说明实现方法。首先,数据上传部分可以参考引用[3]中的ESP32示例,说明如何通过HTTP或MQTT协议发送数据到OneNet。然后,在平台上创建数据流,确保数据结构正确,如引用[4]中的JSON格式示例。接着,在可视化视图中添加图表组件,选择对应的数据源和字段,可能需要调整样式和更新频率。数据过滤器的使用可以参考引用[4],展示如何解析特定字段,比如温度和单位。同时,要确保回答符合用户的要求,使用中文,正确应用LaTeX格式(虽然这里可能用不上,但要注意数学表达式),生成相关问题,并正确添加引用标识。需要检查是否有遗漏的步骤,或者是否需要更多细节,比如具体的API调用或配置截图,但根据用户提供的引用,可能无法提供图片,所以用文字描述清楚。 最后,生成相关问题时要围绕OneNet可视化的扩展应用、优化方法、数据格式要求和多设备处理等,确保问题相关且有助于用户进一步探索。</think>### OneNet平台可视化图表实现方法 根据引用内容,OneNet可视化图表的实现主要涉及**数据上传配置**、**视图组件绑定**和**数据过滤器处理**三个关键步骤,具体实现示例如下: --- #### 一、数据上传与格式要求 1. **硬件端数据上传** 使用ESP32等设备通过HTTP/MQTT协议上传结构化数据,数据格式需包含`id`(数据流名称)和`value`(具体数值),例如: ```json {"datastreams": [{"id": "temperature", "datapoints": [{"value": 25.3}]}]} ``` 引用案例中ESP32上传温湿度、光照数据至OneNet即采用类似格式[^3]。 2. **数据流配置** 在OneNet控制台的**设备管理**中创建对应数据流(如`temperature`、`humidity`),确保字段与上传数据匹配。 --- #### 二、可视化图表配置步骤 1. **创建视图页面** - 进入OneNet **View可视化**模块,新建页面。 - 添加组件(如折线图、仪表盘),选择数据源时绑定设备及对应数据流(如`temperature`)[^1]。 2. **数据过滤器示例** 若数据格式嵌套较深(如引用[4]中的多层JSON),需在组件配置中使用**数据过滤器**提取目标字段: ```javascript function filter(data) { return data.data[0].value; // 提取温度数值22.1 } ``` 此方法可直接解析复杂JSON结构中的具体数值[^4]。 --- #### 三、动态效果与样式优化 1. **实时更新设置** 在组件属性中启用**自动刷新**,设置刷新频率(如5秒),实现数据动态展示[^4]。 2. **多数据对比** 添加多个图表组件并绑定不同数据流(如温湿度对比),或使用**组合图表**展示关联性数据[^2]。 --- #### 四、示例场景 假设需展示温湿度历史曲线: 1. 上传数据流:`temperature`和`humidity`; 2. 添加两个折线图组件,分别绑定上述数据流; 3. 配置数据过滤器提取`value`字段; 4. 设置时间范围选择器,支持用户查看特定时段数据。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值