Qt画实时曲线图

2024-06-19 05:12
文章标签 qt 实时 曲线图

本文主要是介绍Qt画实时曲线图,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Qt引入QcustomPlot

首先下载QcustomPlot源代码,https://github.com/qcustomplot/qcustomplot

下载zip文件

运行所下载的项目生成库文件libqcustomplotd2.a文件和qcustomplotd2.dll文件。

在项目中添加printsupport。

并将qcustomplot.h文件和qcustomplot.cpp文件添加到项目,另外将库文件复制到项目中。

在项目ui 中拖出一个widget并提升为QCustomPlot接下来我们引入customplot.h文件进行画图。

ui->customPlot->xAxis->setVisible(true); // 隐藏X轴ui->customPlot->yAxis->setVisible(true); // 隐藏Y轴ui->customPlot->xAxis->setTickLabels(true); // 隐藏X轴的刻度标签ui->customPlot->yAxis->setTickLabels(true); // 隐藏Y轴的刻度标签ui->customPlot->legend->setVisible(true);QSharedPointer<QCPAxisTickerDateTime> timeTicker(new QCPAxisTickerDateTime);//ui->customPlot->xAxis->setTickLabelType(QCPAxis::ltDateTime);timeTicker->setDateTimeFormat("yyyy-MM-dd HH:mm:ss"); // 设置时间格式ui->customPlot->xAxis->setTicker(timeTicker);ui->customPlot->graph(0)->setData(timee, i);ui->customPlot->graph(0)->setName("电流曲线");//ui->customPlot->graph(0)->setWidth(5);ui->customPlot->graph(1)->setData(timee, v);ui->customPlot->graph(1)->setName("电压曲线");ui->customPlot->rescaleAxes();ui->customPlot->xAxis->setLabel("时间轴");ui->customPlot->yAxis->setRange(0,150);ui->customPlot->replot();QObject::connect(ui->customPlot, &QCustomPlot::mousePress, [&](QMouseEvent *event){// 当前鼠标位置(像素坐标)int x_pos = event->pos().x();int y_pos = event->pos().y();//鼠标坐标转化为CustomPlot内部坐标int x_val = ui->customPlot->xAxis->pixelToCoord(x_pos);int y_val = ui->customPlot->yAxis->pixelToCoord(y_pos);QString str,strToolTip;str = QString::number(x_val);strToolTip += "时间: ";strToolTip += QDateTime::fromTime_t(x_val).toString("yyyy-MM-dd hh:mm:ss");strToolTip += "\n";int index=keyIndexMap[x_val];//qDebug()<<x_val<<index;int y=ui->customPlot->graph(0)->data()->at(index)->value;str = QString::number(y);strToolTip += "电流:";strToolTip += str;strToolTip += "\n";//qDebug()<<str;int y1=ui->customPlot->graph(1)->data()->at(index)->value;str = QString::number(y1);strToolTip += "电压:";strToolTip += str;strToolTip += "\n";QToolTip::showText(cursor().pos(), strToolTip, ui->customPlot);});}

上面显示的是曲线

timee,i,v是vector数组,timee是

timee[j]=time[j].toTime_t();

日期时间转换的毫秒数通过一下代码

QSharedPointer<QCPAxisTickerDateTime> timeTicker(new QCPAxisTickerDateTime);
        //ui->customPlot->xAxis->setTickLabelType(QCPAxis::ltDateTime);
        timeTicker->setDateTimeFormat("yyyy-MM-dd HH:mm:ss"); // 设置时间格式
        ui->customPlot->xAxis->setTicker(timeTicker);

实现在折线图中显示出日期时间。

如何显示实时曲线呢?

timer=new QTimer(this);timer->setTimerType(Qt::PreciseTimer);timer->start(1000);connect(timer,&QTimer::timeout,this,&Dialog::update);

通过定时器每隔1000ms调用update函数,上面的代码就是update函数中的部分代码。

上面代码也包括了点击按钮出现时间轴和电压,电流的数据。

QObject::connect(ui->customPlot, &QCustomPlot::mousePress, [&](QMouseEvent *event){// 当前鼠标位置(像素坐标)int x_pos = event->pos().x();int y_pos = event->pos().y();//鼠标坐标转化为CustomPlot内部坐标int x_val = ui->customPlot->xAxis->pixelToCoord(x_pos);int y_val = ui->customPlot->yAxis->pixelToCoord(y_pos);QString str,strToolTip;str = QString::number(x_val);strToolTip += "时间: ";strToolTip += QDateTime::fromTime_t(x_val).toString("yyyy-MM-dd hh:mm:ss");strToolTip += "\n";int index=keyIndexMap[x_val];//qDebug()<<x_val<<index;int y=ui->customPlot->graph(0)->data()->at(index)->value;str = QString::number(y);strToolTip += "电流:";strToolTip += str;strToolTip += "\n";//qDebug()<<str;int y1=ui->customPlot->graph(1)->data()->at(index)->value;str = QString::number(y1);strToolTip += "电压:";strToolTip += str;strToolTip += "\n";QToolTip::showText(cursor().pos(), strToolTip, ui->customPlot);});

我们通过lambda公式实现鼠标点击事件。

ui->customPlot->graph(0)->data()->at(index)->value

index是指曲线图的第几个数据,所以我们需要keyIndexMap将横坐标时间轴转换成整形数据找到是第几个点,进而获取曲线上的数值,俗称为y轴的数值。通过这样转换我们可以通过x轴时间获取y轴的数据,最后通过QToolTip显示到曲线中。

本文只是自己做的项目一个模块,就不给大家更多的代码。本文实现的是,实时曲线图,X轴是时间轴Y轴是电压和电流。

这篇关于Qt画实时曲线图的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1074096

相关文章

Qt QCustomPlot库简介(最新推荐)

《QtQCustomPlot库简介(最新推荐)》QCustomPlot是一款基于Qt的高性能C++绘图库,专为二维数据可视化设计,它具有轻量级、实时处理百万级数据和多图层支持等特点,适用于科学计算、... 目录核心特性概览核心组件解析1.绘图核心 (QCustomPlot类)2.数据容器 (QCPDataC

Qt如何实现文本编辑器光标高亮技术

《Qt如何实现文本编辑器光标高亮技术》这篇文章主要为大家详细介绍了Qt如何实现文本编辑器光标高亮技术,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以了解下... 目录实现代码函数作用概述代码详解 + 注释使用 QTextEdit 的高亮技术(重点)总结用到的关键技术点应用场景举例示例优化建议

Qt 设置软件版本信息的实现

《Qt设置软件版本信息的实现》本文介绍了Qt项目中设置版本信息的三种常用方法,包括.pro文件和version.rc配置、CMakeLists.txt与version.h.in结合,具有一定的参考... 目录在运行程序期间设置版本信息可以参考VS在 QT 中设置软件版本信息的几种方法方法一:通过 .pro

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

OpenCV实现实时颜色检测的示例

《OpenCV实现实时颜色检测的示例》本文主要介绍了OpenCV实现实时颜色检测的示例,通过HSV色彩空间转换和色调范围判断实现红黄绿蓝颜色检测,包含视频捕捉、区域标记、颜色分析等功能,具有一定的参考... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间

VS配置好Qt环境之后但无法打开ui界面的问题解决

《VS配置好Qt环境之后但无法打开ui界面的问题解决》本文主要介绍了VS配置好Qt环境之后但无法打开ui界面的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目UKeLvb录找到Qt安装目录中designer.UKeLvBexe的路径找到vs中的解决方案资源

Qt之QMessageBox的具体使用

《Qt之QMessageBox的具体使用》本文介绍Qt中QMessageBox类的使用,用于弹出提示、警告、错误等模态对话框,具有一定的参考价值,感兴趣的可以了解一下... 目录1.引言2.简单介绍3.常见函数4.按钮类型(QMessage::StandardButton)5.分步骤实现弹窗6.总结1.引言

Qt中Qfile类的使用

《Qt中Qfile类的使用》很多应用程序都具备操作文件的能力,包括对文件进行写入和读取,创建和删除文件,本文主要介绍了Qt中Qfile类的使用,具有一定的参考价值,感兴趣的可以了解一下... 目录1.引言2.QFile文件操作3.演示示例3.1实验一3.2实验二【演示 QFile 读写二进制文件的过程】4.

使用Python实现实时金价监控并自动提醒功能

《使用Python实现实时金价监控并自动提醒功能》在日常投资中,很多朋友喜欢在一些平台买点黄金,低买高卖赚点小差价,但黄金价格实时波动频繁,总是盯着手机太累了,于是我用Python写了一个实时金价监控... 目录工具能干啥?手把手教你用1、先装好这些"食材"2、代码实现讲解1. 用户输入参数2. 设置无头浏

Qt实现网络数据解析的方法总结

《Qt实现网络数据解析的方法总结》在Qt中解析网络数据通常涉及接收原始字节流,并将其转换为有意义的应用层数据,这篇文章为大家介绍了详细步骤和示例,感兴趣的小伙伴可以了解下... 目录1. 网络数据接收2. 缓冲区管理(处理粘包/拆包)3. 常见数据格式解析3.1 jsON解析3.2 XML解析3.3 自定义