【QT】】qcustomplot的初步使用二
功能预期：
在简单显示曲线（）基础上加功能：
1.在曲线区域里，X轴可以随鼠标滚轮变化将图像缩放、随鼠标左键进行曲线移动；
2.在曲线区域里，Y轴的量程可以随Y轴数据大小自适应；
3.可以动态显示最新的数据。
4.拓展：再增加一条曲线同时显示
代码实现
具体细节已在注释中标记清楚
mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include "qcustomplot.h" // 引入QCustomPlot头文件
#include <QWheelEvent> // 引入QWheelEvent头文件
#include <QMouseEvent> // 引入QMouseEvent头文件
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACEclass MainWindow : public QMainWindow
{Q_OBJECTpublic:MainWindow(QWidget *parent = nullptr);~MainWindow();private:Ui::MainWindow *ui;QCustomPlot *customPlot; // 添加QCustomPlot指针QTimer *dataTimer; // 定时器QVector<double> xData, yData; // 数据存储void updatePlot(); // 更新图表的函数void wheelEvent(QWheelEvent *event) override; // 确保加上 overridevoid mousePressEvent(QMouseEvent *event) override; // 鼠标按下事件void mouseMoveEvent(QMouseEvent *event) override; // 鼠标移动事件void mouseReleaseEvent(QMouseEvent *event) override; // 鼠标释放事件bool dragging = false; // 是否正在拖动QPoint lastMousePos; // 记录鼠标位置
};#endif // MAINWINDOW_Hmain.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);MainWindow w;w.show();return a.exec();
}
void MainWindow::updatePlot()
{// 生成新的数据点static double time = 0;static double signalValue = 0;// 生成新信号值（如正弦波）signalValue = 65 * qSin(time);time += 0.1;// 保存数据xData.append(time);yData.append(signalValue);// 更新图表customPlot->graph(0)->setData(xData, yData);// 自动调整Y轴范围customPlot->yAxis->rescale(true);// 更新X轴的范围（保持当前显示区间的时间轴范围）double lowerX = customPlot->xAxis->range().lower;double upperX = customPlot->xAxis->range().upper;// 设置X轴范围，确保X轴根据时间区间自动调整if (time > upperX) {customPlot->xAxis->setRange(lowerX + 0.1, upperX + 0.1); // 保持动态显示10秒的数据}//刷新数据显示ui->Hvalue_label->setText(QString::number(signalValue));ui->Svalue_label->setText(QString::number(time));// 刷新图表customPlot->replot();
}
void MainWindow::wheelEvent(QWheelEvent *event)
{// 检查鼠标指针是否在 customPlot 区域内if (!customPlot->geometry().contains(event->pos())) {// 如果不在 customPlot 区域内，直接返回return;}// 获取当前X轴范围double currentRange = customPlot->xAxis->range().upper - customPlot->xAxis->range().lower;// 获取滚轮的增量int a = event->angleDelta().y(); // 获取滚动的垂直方向（正为向上滚动，负为向下滚动）// 设定缩放步长double zoomFactor = 0.1; // 每次滚动缩放的比例（可调整）if (a > 0) {// 向上滚动，缩小X轴范围customPlot->xAxis->setRange(customPlot->xAxis->range().lower + zoomFactor * currentRange,customPlot->xAxis->range().upper - zoomFactor * currentRange);} else {// 向下滚动，放大X轴范围customPlot->xAxis->setRange(customPlot->xAxis->range().lower - zoomFactor * currentRange,customPlot->xAxis->range().upper + zoomFactor * currentRange);}// 确保X轴的范围不小于0if (customPlot->xAxis->range().lower < 0) {customPlot->xAxis->setRange(0, customPlot->xAxis->range().upper);}// 重新绘制图表customPlot->replot();
}
// 鼠标按下事件
void MainWindow::mousePressEvent(QMouseEvent *event)
{// 检查鼠标指针是否在 customPlot 区域内if (!customPlot->geometry().contains(event->pos())) {// 如果不在 customPlot 区域内，直接返回return;}if (event->button() == Qt::LeftButton) {// 鼠标左键按下，记录鼠标当前位置lastMousePos = event->pos();dragging = true;}
}// 鼠标移动事件
void MainWindow::mouseMoveEvent(QMouseEvent *event)
{if (dragging) {// 计算鼠标拖动的距离int X = event->pos().x() - lastMousePos.x();// 根据移动的距离调整X轴范围// double currentRange = customPlot->xAxis->range().upper - customPlot->xAxis->range().lower;customPlot->xAxis->setRange(customPlot->xAxis->range().lower -X * 0.1, customPlot->xAxis->range().upper -X * 0.1);// 更新最后的鼠标位置lastMousePos = event->pos();// 重新绘制图表customPlot->replot();}
}// 鼠标释放事件
void MainWindow::mouseReleaseEvent(QMouseEvent *event)
{if (event->button() == Qt::LeftButton) {dragging = false;}
}mainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QTimer>
#include <QVector>
#include <cmath> // 使用数学函数MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);// 初始化 UI// ui->Hvalue_label->setText(QString::number(0)); //初始化label的数据// 初始化QCustomPlot// 使用UI的customPlot名字而不是创建一个新的。customPlot = ui->customPlot1;// customPlot = new QCustomPlot(this);// setCentralWidget(customPlot);// 设置 customPlot 以便它接收焦点，确保能够处理事件customPlot->setFocus();// 确保QCustomPlot能够接收鼠标事件customPlot->setFocusPolicy(Qt::StrongFocus); // 设置焦点策略，确保能够接收事件//避免其他控件（比如按钮、标签等）覆盖在其上面，或者其他控件阻止了事件的传递customPlot->setAttribute(Qt::WA_TransparentForMouseEvents);// 配置图表customPlot->addGraph();customPlot->graph(0)->setPen(QPen(Qt::red)); // 设置曲线颜色// customPlot->graph(0)->setBrush(QBrush(QColor(0, 0, 255, 20))); // 曲线与X轴包围区的颜色//设置XY轴的名字customPlot->xAxis->setLabel("时间 (s)");customPlot->yAxis->setLabel("相对地面高度");// 启用自动缩放 在updatePlot中更新Y轴范围// customPlot->graph(0)->rescaleAxes(true); //打开注释将开启自适应量程功能//customPlot->xAxis->setRange(0, 20);// customPlot->yAxis->setRange(0, 120);// 初始化定时器dataTimer = new QTimer(this);connect(dataTimer, &QTimer::timeout, this, &MainWindow::updatePlot);dataTimer->start(20); // 每20毫秒更新一次// 初始化数据xData.clear();yData.clear();
}
MainWindow::~MainWindow()
{delete ui;
}细节注意：
// 设置 customPlot 以便它接收焦点，确保能够处理事件customPlot->setFocus(); // 确保QCustomPlot能够接收鼠标事件customPlot->setFocusPolicy(Qt::StrongFocus); // 设置焦点策略，确保能够接收事件 //避免其他控件（比如按钮、标签等）覆盖在其上面，或者其他控件阻止了事件的传递customPlot->setAttribute(Qt::WA_TransparentForMouseEvents);
这里主要解决：customPlot1区域里不能实现wheelEvent的函数，在其他界面的区域可以实现wheelEvent函数
// 检查鼠标指针是否在 customPlot 区域内
if (!customPlot->geometry().contains(event->pos())) {
// 如果不在 customPlot 区域内，直接返回
return;
}
这里主要解决：仅在曲线区域内生效
代码结构
使用环境：QT5.15.1
欢迎批评指正！
曲线
拓展
如果要再添加一条曲线
MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);// 初始化 UI// 初始化QCustomPlotcustomPlot = ui->customPlot1; // 使用UI的customPlot名字而不是创建一个新的。// 设置 customPlot 以便它接收焦点，确保能够处理事件customPlot->setFocus();// 确保QCustomPlot能够接收鼠标事件customPlot->setFocusPolicy(Qt::StrongFocus); // 设置焦点策略，确保能够接收事件customPlot->setAttribute(Qt::WA_TransparentForMouseEvents); //避免其他控件（比如按钮、标签等）覆盖在其上面，或者其他控件阻止了事件的传递// 配置图表customPlot->addGraph();customPlot->graph(0)->setPen(QPen(Qt::red)); // 设置曲线1颜色customPlot->addGraph();customPlot->graph(1)->setPen(QPen(Qt::blue)); // 设置曲线2颜色// customPlot->graph(0)->setBrush(QBrush(QColor(0, 0, 255, 20))); // 曲线与X轴包围区的颜色//设置XY轴的名字customPlot->xAxis->setLabel("时间 (s)");customPlot->yAxis->setLabel("相对地面高度");// 初始化定时器dataTimer = new QTimer(this);connect(dataTimer, &QTimer::timeout, this, &MainWindow::updatePlot);dataTimer->start(20); // 每20毫秒更新一次// 初始化数据xData.clear();yData1.clear();yData2.clear();
}
注意：1.配置图表时需要再调用一次：customPlot->addGraph();
2.声明变量时需要加曲线2： QVector xData, yData1,yData2; // 数据存储
曲线显示部分修改如下：
//曲线显示事件
void MainWindow::updatePlot()
{// 生成新的数据点// 生成新信号值（如正弦波）*Value1() = 65 * qSin(*time1());*time1() += 0.1;// 生成新信号值（如锯齿）*count1()+=1;if(*count1()>75){*count1()=0;}*Value2() =*count1();// 保存数据xData.append(*time1());yData1.append(*Value1());yData2.append(*Value2()); // 这里保存第二条曲线的数据// 更新图表customPlot->graph(0)->setData(xData, yData1);customPlot->graph(1)->setData(xData, yData2);//这里替换之前的自动缩放// 自动调整Y轴范围customPlot->yAxis->rescale(true);// 更新X轴的范围（保持当前显示区间的时间轴范围）double lowerX = customPlot->xAxis->range().lower;double upperX = customPlot->xAxis->range().upper;// 设置X轴范围，确保X轴根据时间区间自动调整if (*time1() > upperX) {customPlot->xAxis->setRange(lowerX + 0.1, upperX + 0.1); // 保持动态显示10秒的数据}//刷新数据显示ui->Hvalue_label->setText(QString::number(*Value1()));ui->Svalue_label->setText(QString::number(*time1()));// 刷新图表customPlot->replot();
}
显示效果如下：
