技术论坛

 • 产品分类
 • 咱工程师的故事
 • 培训与认证答疑专区
 • 服务合作伙伴专区

 现在可以说了 学习IOT2K （七）Dashboard 仪表板

返回主题列表
作者 主题
yming
至圣

经验值:126866
发帖数:21996
精华帖:824
楼主    2018-06-12 09:13:40
主题：现在可以说了 学习IOT2K （七）Dashboard 仪表板 精华帖 

在Node-Red有一个 Dashboard(仪表板)，它的界面就像 汽车上的仪表板，可以分组显示相关的信息；也可以有开关、按钮来做设置，更有“高级”的设置去发邮件、甚至播放“音乐”。
（当然了，它本质上就是个Web页面，来充当 HMI。）

怎么使用呢？
在学习（二）中的实例中，曾使用S7节点，读取LOGO的亮度和响度（500毫秒）。
这次就用它来做个 仪表板吧（其实，读取驱动的 速度、电流等等值也一样。）

首先，在左面 dashboard 节点中选用需要的 仪表板节点组件。（拖入组件后，仪表板才能出现、设置这些组件。）



图1

先拖入个 表盘 gauge 和一个 趋势图 chart。

有了 仪表板组件后，在右侧 dashboard 首先添加 tab，将tab 命名为 LOGO。然后在表单下添加组。
将相关的仪表板的这些组件，放在一起（显示具有上下的位置关系）。



图2

选 双击 表盘Gauge，在这里可以选择 它所在的组。表盘的样式，标签Label ，数值的格式 、单位Units；最后是显示值的范围，因为知道最大值是1000。下面是正常、警告、过载范围的颜色。
（如果是湿度，可以把Value Format 改成 %比例格式；颜色可以分为 干燥、舒适、潮湿）




 图3
在它下面使用趋势图，显示记录的1小时过程。这里只是一个参数，如果读取的是多参数，将会显示多条曲线。




图4
你还可以添加新组，加入其他数据的显示。（如这个声响的）




图5

完成后，Deploy 发布。当更新完成后。点击右上角的 goto 标志。这将打开一个新的浏览器（仪表板）页面。




图 6

如果局域网中存在有Wi-Fi，你可以用手机上的浏览器，输入IOT2K的IP地址:1880/ui/





图7

是不是很简单？


学而时习之，不亦说乎？温故而知新，不亦乐乎？
您收到0封站内信：
×
×
信息提示
很抱歉！您所访问的页面不存在，或网址发生了变化，请稍后再试。