一个免费的影视网站模板,网页设计专业设计课程,建设部网站 造价,建设网站模板免费DataGear是一个开源免费的数据可视化分析平台#xff0c;企业版在开源版基础上开发#xff0c;新增了诸多企业级特性#xff0c;包括#xff1a;MySQL及更多部署数据库支持、MQTT/WebSocket/Redis/MongoDB数据集、OAuth2.0/CAS/JWT/LDAP统一登录支持、前后端敏感信息加密传…DataGear是一个开源免费的数据可视化分析平台企业版在开源版基础上开发新增了诸多企业级特性包括MySQL及更多部署数据库支持、MQTT/WebSocket/Redis/MongoDB数据集、OAuth2.0/CAS/JWT/LDAP统一登录支持、前后端敏感信息加密传输等等 可为您提供更安全、更稳定、更强大数据可视化解决方案。
其中MQTT数据集支持tcp、ssl、ws、wss协议支持参数化主题支持/#、/主题通配符连接信息存储和连接建立都在服务端防止敏感信息泄露。
而且使用MQTT数据集的方式和SQL/HTTP/文件等数据集一样绑定至图表即可实时展示MQTT数据。
本文以MQTT数据集功能为例介绍如何零编码快速制作MQTT物联网实时数据看板。
首先点击系统左侧【数据集】导航栏在打开页面内点击【添加-实时-MQTT】菜单打开MQTT数据集添加页面填写内容
名称MQTT
数据源EMQX在线服务
主题名${主题}如下图所示 上述EMQX在线服务数据源是本示例使用的EMQX免费在线MQTT服务https://mqttx.app/web-client点击【数据源】右侧的【选择】按钮添加如下内容保存后点击【确定】按钮选择使用
名称EMQX在线服务
URLwss://broker.emqx.io:8084/mqtt
版本5.0如下图所示 上述【主题名】填写的${主题}是参数化语法使得一个数据集支持订阅MQTT数据源的多个不同主题的数据。
然后在MQTT数据集添加页面下面的【参数】栏点击【添加】按钮填写与${主题}对应的参数信息
名称主题
类型字符串
必填是
输入框类型文本框然后点击【预览】按钮在弹出的面板的【主题】输入框中填写要订阅的主题名比如dgtest将弹出如下页面 打开EMQX免费在线MQTT服务https://mqttx.app/web-client新建连接后在右下角的Topic输入框内填写在上面订阅的主题名比如dgtest在下面输入域内依次填写并发送如下三条消息
{name: datagear-0,value: 2
}{name: datagear-1,value: 6
}{name: datagear-2,value: 8
}如下图所示 在上述【预览】页面内将会收到和显示上述三条消息如下图所示 然后点击MQTT数据集添加页面的【保存】按钮保存此数据集。
下面就可以制作MQTT物联网数据看板了。
先制作一个绑定上述MQTT数据集的图表点击系统左侧【图表】导航栏在打开页面内点击【添加】按钮填写如下内容
名称MQTT
图表类型平滑折线图
数据集绑定MQTT
字段绑定标记name - 名称 (name)
字段绑定标记value - 数值 (value)点击添加页面下面【图表选项】的【编辑】按钮填写内容
{dgUpdateAppendMode:true
}dgUpdateAppendMode是 DataGear开源版 5.0.0新增的特性使图表可以保留部分旧数据渲染 如下图所示 点击【保存】按钮保存上述图表。 也可以点击【保存并展示】按钮保存并打开展示页面然后点击页面右上角的【参数】按钮填写要订阅的主题点击【确定】按钮即可展示上述EMQX免费在线MQTT服务发送到订阅主题的数据。 也可以在保存前点击【数据集绑定】栏里对应数据集的【参数】右侧的【编辑】按钮填写默认主题这样在打开图表页面时就不需要先填写主题参数了。 现在可以制作MQTT物联网实时数据看板了。
点击系统左侧【看板】导航栏在打开页面内点击【添加】按钮填写【名称】切换到【可视模式】。
点击菜单【插入-外部后置插入-标题元素】插入标题点击菜单【插入-外部后置插入-网格布局】选择行数一行列数两列插入网格布局。
鼠标点击选中刚才插入网格布局的左侧空白网格点击【插入-内部后置插入-图表选择】插入上述图表选中右侧空白网格点击【快捷执行】按钮同样插入上述图表。
点击【保存并展示】按钮看板制作完成
在打开的看板展示页面点击左侧图表右上角的【参数】按钮填写主题dgtest/temperature后点击【确定】按钮点击右侧图表右上角的【参数】按钮填写主题dgtest/sensor后点击【确定】按钮。
打开上述EMQX免费在线MQTT服务分别向主题dgtest/temperature、dgtest/sensor发送消息比如
{name: 10:01:00,value: 16
}{name: 10:01:05,value: 36
}{name: 10:01:10,value: 32
}{name: 10:01:15,value: 38
}看板将实时展示上述MQTT数据如下图所示 DataGear企业版官网地址
http://datagear.tech/pro/
DataGear开源版官网地址
http://datagear.tech
源码地址
Giteehttps://gitee.com/datagear/datagear
Githubhttps://github.com/datageartech/datagear
GitCodehttps://gitcode.com/datageartech/datagear
