数据展示功能界面设计与实现及终端控制界面思路(17)
文章目录
- 一、本章说明
- 二、传感数据展示功能实现
- 2.1 实现目标
- 2.2 具体实现
- 2.2.1 需要在.pro 文件添加
- 2.2.2 mainwindow.h 头文件
- 2.2.3 mainwindow.cpp 文件
- 2.2.4 实现界面展示
- 三、项目源码文件
- 四、终端节点控制
- 五、Qt打包EXE
一、本章说明
注:本节为【基于STM的环境监测系统(节点+云服务器存储+QT界面设计)】项目第17篇文章,前面已经实现了软件整体功能的界面布局,一共三个界面功能,一个是数据查询,一个是数据折线图展示,一个是终端控制界面,其中数据查询功能已经实现,本章主要是用折线图展示各个传感器数据,实现数据的可视化,介绍终端控制界面功能的实现思路,
实现QT采用mqtt进行通信,打包程序为EXE
二、传感数据展示功能实现
2.1 实现目标
在数据展示界面,也就是第二页去绘制数据折线图,类似于下图,点击不同按钮显示不同折线图,下方拖条可拖动显示数据:
2.2 具体实现
折线图应该是单独在一个界面上,让这个页面依附在这一页即可实现,而显示折线图的我们使用widget控件,拖拽至界面,命名为chart