QCustomPlot 实时曲线,坐标显示

于 2024-04-16 11:05:25 发布
阅读量621 收藏 9
点赞数 4
分类专栏： QT 文章标签： qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32863863/article/details/137790500
版权

环境

Qt 5.4.2
QCustomPlot

功能

1.X：时间, Y:实时数据, 鼠标移动显示坐标点
2.实时显示曲线,可更改曲线颜色,可隐藏/显示曲线

源码

1.下载QCustomPlot,将源码添加到项目中
在这里插入图片描述
2.修改Pro文件
在这里插入图片描述
3.CustomChart 源码

CustomChart.h

struct Point    //坐标点
{
   QString sX;
   double  dX;
   double  dY;
   Point(){
     sX="";
     dX=0;
     dY=0;
  }
};

struct Line                     //曲线
{
    QString sName;             //曲线名称
    QList<Point> tPoints;      //坐标
    Line()
    {
        sName = "";
        tPoints.clear();
    }
};

namespace Ui { class CustomChart; }
class ChartCheckBox;

class CustomChart : public QMainWindow
{
    Q_OBJECT
public:
    explicit CustomChart(QWidget *parent = 0);
    ~CustomChart();
private:
    Ui::CustomChart *ui;
private:
    QCustomPlot *pCustomPlot;
    QList<Line> tLineArray;            //曲线点
    QList<ChartCheckBox *> checkArray; //曲线

    QLabel *pLabel;                    //鼠标移动显示坐标
    QWidget *pScrollWidget;
    QVBoxLayout *pVBoxLayout;

    double dLower;                      //X轴范围
    double dUpper;
public:
    int AddLine(QString lineName);
    int DelLine(QString lineName);
    int AddPoint(QString lineName,Point point);
    int ClearLine();
private:
    void InitCustomChart();
private slots:
    void CheckBoxStateChanged(int identify,int state);
    void CheckBoxColorChanged(int identify,QColor color);
    void ChartMouseMove(QMouseEvent *event);
    void SelecetChanged(int state);
};
class ChartCheckBox:public QCheckBox
{
    Q_OBJECT
public:
    explicit ChartCheckBox(){installEventFilter(this); }
    explicit ChartCheckBox(const QString &text){this->setText(text); installEventFilter(this);}
    ~ChartCheckBox(){}
protected:
    bool eventFilter(QObject *obj, QEvent *event)    //Change Color
    {
        if(obj == this && event->type() == QEvent::MouseButtonPress)
        {
            QMouseEvent *mouseEvent = static_cast<QMouseEvent*>(event);
            if (mouseEvent->button() == Qt::RightButton)
            {
              QColorDialog colorDialog;
              QColor selectedColor = colorDialog.getColor(Qt::red,NULL,this->text());
              if(selectedColor.isValid())
              {
                 setStyleSheet(QString("QCheckBox { color: %1; }").arg(selectedColor.name()));
                 emit  changeColors(nIdentify,selectedColor);
              }
              return true;
            }
        }
        return QCheckBox::eventFilter(obj, event);
    }
public:
    void SetIdentify(int nindex)
    {
        nIdentify = nindex;
        connect(this,SIGNAL(stateChanged(int)),this,SLOT(slot_stateChanged(int)));
    }
signals:
    void stateSignals(int identify,int state);
    void changeColors(int identify,QColor color);
private slots:
    void slot_stateChanged(int state){emit stateSignals(nIdentify,state);}
private:
    int nIdentify;
};

CustomChart.cpp：

CustomChart::CustomChart(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::CustomChart)
{
    ui->setupUi(this);
    InitCustomChart();
}
CustomChart::~CustomChart()
{
    delete ui;
}

int CustomChart::AddLine(QString lineName)
{
      int ColorR = rand()%210;
      int ColorG = rand()%210;
      int ColorB = rand()%210;

      Line tLine;

      tLine.sName = lineName;
      tLine.tPoints.clear();
      tLineArray.append(tLine);

      ui->WChart->addGraph();
      ui->WChart->graph(tLineArray.count()-1)->setPen(QPen(QColor(ColorR,ColorG,ColorB)));
      ui->WChart->graph(tLineArray.count()-1)->setName(lineName);


      if(1 == tLineArray.count())
      {
         QCheckBox *checkBox= new QCheckBox();
         checkBox->setText("全选/全不选");
         checkBox->setChecked(true);
         pVBoxLayout->addWidget(checkBox);

         connect(checkBox,SIGNAL(stateChanged(int)),this,SLOT(SelecetChanged(int)));
       }

        ChartCheckBox *cbxChart=new ChartCheckBox();
        pVBoxLayout->addWidget(cbxChart);


        cbxChart->setText(lineName);         //曲线名
        cbxChart->setCheckState(Qt::Checked); //设置checkBox状态为勾选状态
        cbxChart->SetIdentify(tLineArray.count()-1);
        cbxChart->setStyleSheet("color: rgb("+QString::number(ColorR)+ ","+QString::number(ColorG)+ ","+QString::number(ColorB) +");");
        connect(cbxChart, SIGNAL(stateSignals(int,int)), this, SLOT(CheckBoxStateChanged(int,int)));
        connect(cbxChart, SIGNAL(changeColors(int,QColor)), this, SLOT(CheckBoxColorChanged(int,QColor)));
        checkArray.append(cbxChart);
        return 0;
}
int CustomChart::DelLine(QString lineName)
{
    for(int i=0; i<tLineArray.count();i++)
    {
        if(lineName == tLineArray[i].sName)
        {
            tLineArray.removeAt(i);
            ui->WChart->removeGraph(ui->WChart->graph(i));
            QLayoutItem *pLayoutItem;
            QWidget *pLayoutWidget;
            ChartCheckBox *pLayoutCheck;
            for (int i = 0; i < pVBoxLayout->count(); i++)
            {
                pLayoutItem = pVBoxLayout->itemAt(i);
                pLayoutWidget = pLayoutItem->widget();
                pLayoutCheck = qobject_cast<ChartCheckBox*>(pLayoutWidget);
                if(pLayoutCheck)
                {
                    if(lineName == pLayoutCheck->text())
                    {
                        delete pLayoutWidget;
                    }
                }
             }
            return 0;
        }
    }
    ui->WChart->replot();
    return -1;
}
int CustomChart::AddPoint(QString lineName, Point point)
{
    for(int i=0; i<tLineArray.count(); i++)
    {
        if(lineName == tLineArray[i].sName)
        {
            tLineArray[i].tPoints.append(point);
            ui->WChart->graph(i)->addData(point.dX,point.dY);
            qint64 milliseconds = qint64(point.dX * 1000.0);
            QDateTime currentDateTime = QDateTime::fromMSecsSinceEpoch(milliseconds);
            double upper = (double)(currentDateTime.toMSecsSinceEpoch() / 1000.0);
            //不丢失数据,继续加载数据,修改X轴范围区间
            if(dUpper <= upper)
            {
                dUpper = (double)(currentDateTime.addSecs(60).toMSecsSinceEpoch() / 1000.0);;
                ui->WChart->xAxis->setRange(dLower,dUpper);
            }
            ui->WChart->replot();
            return 0;
        }
    }
    return -1;
}

int CustomChart::ClearLine()
{
    tLineArray.clear();
    ui->WChart->clearGraphs();
    checkArray.clear();
    QLayoutItem *child;

    while ((child = pVBoxLayout->takeAt(0)) != NULL)
    {
        delete child->widget();
        delete child;
    }
    return 0;
}

void CustomChart::InitCustomChart()
{
    tLineArray.clear();
    checkArray.clear();

    pVBoxLayout =new QVBoxLayout(ui->WLine);
    pVBoxLayout->setMargin(5);

    ui->WLine->setLayout(pVBoxLayout);
    pCustomPlot = ui->WChart;

    ui->WChart->xAxis->setLabel("");
    ui->WChart->yAxis->setLabel("");

    QSharedPointer<QCPAxisTickerDateTime> dateTicker(new QCPAxisTickerDateTime);  //日期做X轴
    dateTicker->setDateTimeFormat("yyyy-MM-dd\nhh:mm:ss");//日期格式(可参考QDateTime::fromString()函数)

    ui->WChart->xAxis->setTicker(dateTicker);//设置X轴为时间轴
    ui->WChart->xAxis->setTickLabelRotation(35);//设置角度
    ui->WChart->xAxis->setTickLabels(false);//显示刻度标签
    ui->WChart->setInteractions(QCP::iRangeDrag          //可平移
                                | QCP::iRangeZoom        //可轮缩放
                                | QCP::iSelectLegend );  //可选中图例

    pCustomPlot->yAxis->setRange(0,110);
    
    dLower = (double)(QDateTime::currentDateTime().toMSecsSinceEpoch()/1000.0);
    dUpper = (double)(QDateTime::currentDateTime().addSecs(300).toMSecsSinceEpoch() / 1000.0);
    ui->WChart->xAxis->setRange(dLower,dUpper);

    //创建一个标签用于显示坐标
    pLabel = new QLabel(ui->WChart);
    pLabel->setVisible(false);
    connect(pCustomPlot,SIGNAL(mouseMove(QMouseEvent*)),this,SLOT(ChartMouseMove(QMouseEvent*)));
}

void CustomChart::CheckBoxStateChanged(int identify, int state)
{
    if(state!=0)
    {
        //显示
        ui->WChart->graph(identify)->setVisible(true);
    }else{
        //隐藏
        ui->WChart->graph(identify)->setVisible(false);
    }
    ui->WChart->replot();
}

void CustomChart::CheckBoxColorChanged(int identify, QColor color)
{
    ui->WChart->graph(identify)->setPen(QPen(color));
    ui->WChart->replot();
}
void CustomChart::ChartMouseMove(QMouseEvent *event)
{
    double x = ui->WChart->xAxis->pixelToCoord(event->pos().x());
    double y = ui->WChart->yAxis->pixelToCoord(event->pos().y());
    QPoint pos = event->pos();
    QCPAbstractPlottable *plottable = ui->WChart->plottableAt(pos);
    if(plottable)
    {
         QCPGraph *graph = qobject_cast<QCPGraph*>(plottable);
         int dataIndex = graph->selectTest(pos, false);
         if(dataIndex == -1)   {  pLabel->setVisible(false); return; }
         if(!graph->visible()) {  pLabel->setVisible(false);  return; }
         qint64 milliseconds = qint64(x * 1000.0);
         QDateTime currentDateTime = QDateTime::fromMSecsSinceEpoch(milliseconds);
         QString sDateTime = currentDateTime.toString("yyyy-MM-dd hh:mm:ss");
         pLabel->setText(graph->name() + "\n"+QString("x: %1\ny: %2").arg(sDateTime).arg(y));
         pLabel->move(event->x()+5,event->y());
         pLabel->setVisible(true);
         return;
     }
      pLabel->setVisible(false);
}


void CustomChart::SelecetChanged(int state)
{
    if(state != 0) //全部显示
    {
        for(int i=0; i<checkArray.count(); i++)
        {
            checkArray[i]->setChecked(true);
        }
    }else{         //全部取消
        for(int i=0; i<checkArray.count(); i++)
        {
            checkArray[i]->setChecked(false);
        }
    }
}

3.mainWindow 源码

mainWindow.h

#include "customchart.h"
namespace Ui {class MainWindow;}

class MainWindow : public QMainWindow
{
    Q_OBJECT
public:
    explicit MainWindow(QWidget *parent = 0);
private:
    Ui::MainWindow *ui;
private:
    QTimer *pFlushTimer;
    CustomChart *pCustomChart;
private:
     void InitFlushTime();
private slots:
     void on_flushTimerOut();
};

mainWindow.cpp

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    pCustomChart = new CustomChart();
    QGridLayout *layout = new QGridLayout();
    layout->addWidget(pCustomChart);
    ui->widget->setLayout(layout);
    for(int i=0; i<10; i++)
    {
        pCustomChart->AddLine("Line "+QString::number(i));
    }
    InitFlushTime();
}
void MainWindow::InitFlushTime()
{
    pFlushTimer = new QTimer();
    pFlushTimer->setInterval(1000);
    pFlushTimer->start();
    connect(pFlushTimer,SIGNAL(timeout()),this,SLOT(on_flushTimerOut()));
}

void MainWindow::on_flushTimerOut()
{
   Point point;
   for(int i=0; i<10; i++)
   {
       point.sX = QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss");
       point.dX = (double)(QDateTime::currentDateTime().toMSecsSinceEpoch()/1000.0);
       point.dY = qrand()% 10 + i*10;
       pCustomChart->AddPoint("Line "+QString::number(i),point);
   }
}

运行

运行结果如下：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

HaileyEmma
关注
  • 4
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt、QCustomPlot、实时波形绘制、实时曲线绘制【新手也能用】
03-13
一套使用简单、功能强大的实时波形绘制控件，其基于Qt5与QCustomPlot实现。 在项目中必须包含QCustomPlot相关文件，笔者这里是直接包含qcustomplot.cpp、qcustomplot.h两个文件。另外在项目的.pro中，必须包含以下这句： QT += widgets printsupport 可以使用代码直接实例化WidgetPlot2D，或通过窗口提升，然后使用WidgetPlot2D绘制实时波形只需两步： ① 初始化波形名称：函数initGraphName(QStringList) ② 给对应的波形添加数据：函数addData(QString, double)
qcustomplot 动态实时曲线
07-07
环境：QT5.4 win7 用的的库：qcustomplot 此demo实现了动态实时曲线，静态曲线，和跟随鼠标获取polt线上的坐标值 代码有点粗糙，不过功能实现了，供学习参考
QCustomPlot鼠标跟随显示坐标值
11-16
这里解决一个使用图表的都会碰到的问题–跟随鼠标显示值，在QCustomPlot里非常简单，它早就给出了解决方案-QCPItemTracer
qcustomplot鼠标点击后在坐标轴显示值
06-08
qcustomplot鼠标点击后在坐标轴显示值
qcustomplot绘制动态曲线
最新发布
m0_53203771的博客
01-31 1069
ui->widget_spindleI->xAxis->setLabel(QString::fromLocal8Bit("时间/s"));widget_spindleI->graph(0)->setName(QString::fromLocal8Bit("主轴电流"));ui->widget_spindleI->xAxis->setLabelFont(QFont("宋体",14));//也可以用ui->customPlot->yAxis->setRange(up,low)手动设定y轴范围。
QCustomPlot实战使用一：实时曲线
caoyangzzZ的博客
07-02 2211
QCustomPlot
QCustomPlot实战使用二：实时曲线高级使用
caoyangzzZ的博客
07-18 2020
QCustomPlot使用，实时曲线基本涵盖所有内容
QCustomPlot详解第一章：绘制简单曲线
深圳谱研互联科技的博客
08-12 7023
第一章（本章）从曲线的构成、属性和操作入手，先让读者对曲线有个整体的直观认识，接着介绍QCustomPlot的下载、调用，再逐步添加元素，最后呈现一个简单且基本完整的曲线，并给出完整的代码。
基于qcustomplot设置多坐标系，并且绘制实时曲线
家俊的博客
10-18 1896
难点在于多个坐标系如何同步x轴，好在Qcustomplot的aixs有一个信号rangeChanged。首先情况布局，然后根据自己的需求来设置新的布局，再添加多个坐标轴。每个坐标轴内有一个graphic。党触发这个信号之后绑定其他坐标系的setRange槽函数。这样是坐标系联动起来，然后需要想坐标系内写入数据。数据写入之后需要replot进行刷新界面。qcustomplot可以设置多坐标系。有需要的小伙伴可以到。
【QCustomPlot】绘制 x-y 曲线图
m0_37803477的博客
06-20 2497
绘制 x-y 曲线图所使用的类为QCPGraph，它提供的类方法可在中找到。// 重置/添加绘图数据的接口// 设置线型// 设置点型。
使用QCustomPlot绘制实时动态曲线并对数据进行滤波
12-27
本资源包括了如何使用QCustomPlot绘制实时显示的动态曲线，还包括两种滤波方法，巴特沃斯滤波器和跟踪微分器。使用Qt Creator4.8.2，32位进行编译。
QCustomPlot时间横坐标轴动态刷新untitled.rar
07-09
在本项目中，“QCustomPlot时间横坐标轴动态刷新untitled.rar”是一个示例，它展示了如何使用QCustomPlot库来实现时间横坐标轴的动态刷新。QCustomPlot是一个基于Qt的C++库，用于创建自定义的2D图表。这个压缩包包含...
qcustomplot多坐标系
07-19
它支持自定义轴刻度、图例、曲线样式等多个特性，对于需要展示多组数据或者需要不同坐标系统的情况，QCustomPlot提供了解决方案——多坐标系。 多坐标系的实现主要涉及到`QCPAxisRect`类。QCustomPlot中的每个坐标...
Qt QChart 曲线图 折线图
q610098308的专栏
03-12 1459
QChart 是常用的图表；我这里做了一个 default 和 custom。
Qt5--实时数据动态显示--使用QCustomPlot库（二）添加串口数据
似水流年
05-10 4432
待续。。。。
QCustomPlot实现曲线拖拽
qq_43262059的博客
10-16 2274
使用qcustomplot进行框选与曲线拖动。
Qt_c++上位机2套串口实时曲线带平滑
Ouduhwez的博客
12-15 788
我们将重点介绍以下方面：串口设置、数据的收发、数据模拟、曲线生成、曲线控件的外观设置以及平滑处理等。我们将介绍如何在Qt中使用串口类库实现串口的打开、关闭、发送和接收等操作，确保数据可靠地在上位机和下位机之间传输。数据模拟 有时候，在实际测试或调试中，下位机并不实时地提供数据，为了方便开发和测试，我们需要模拟一些数据用于曲线的显示。我们将介绍如何在Qt中生成模拟数据，并将其作为曲线的输入。本文将详细讲解如何将接收到的数据进行解析和处理，并将其作为曲线的输入，实现动态曲线的实时显示。4）编译器：msvc;
qcustomplot 曲线显示坐标点值
11-23
QCustomPlot是一个开源的Qt绘图库，它可以用于在应用程序中绘制各种图表和图形。 要在QCustomPlot中显示曲线的坐标点值，我们可以使用以下步骤： 1. 创建一个QCustomPlot对象： ``` QCustomPlot *customPlot = new QCustomPlot(); ``` 2. 创建一个QCPGraph对象，并将其添加到QCustomPlot中： ``` QCPGraph *graph = customPlot->addGraph(); ``` 3. 设置曲线的数据点： ``` QVector<double> xData, yData; // 假设这里有x和y坐标数据 // 将数据点添加到xData和yData中 graph->setData(xData, yData); ``` 4. 启用坐标点值显示功能： ``` customPlot->setInteraction(QCP::iSelectPlottables); // 允许选择绘图组件 customPlot->axisRect()->setRangeDrag(Qt::Horizontal | Qt::Vertical); // 允许拖动坐标轴范围 customPlot->axisRect()->setRangeZoom(Qt::Horizontal | Qt::Vertical); // 允许缩放坐标轴范围 graph->setSelectable(QCP::stSingleData); // 允许选择单个数据点 ``` 5. 实现槽函数来响应数据点的选择事件，在槽函数中获取选择的数据点坐标值并显示： ``` QObject::connect(customPlot, &QCustomPlot::plottableClick, this, [=](QCPAbstractPlottable *plottable, int dataIndex) { if (plottable == graph) { double x = xData[dataIndex]; double y = yData[dataIndex]; // 将坐标值显示到UI中 } }); ``` 通过上述步骤，我们可以在QCustomPlot中显示曲线的坐标点值。当用户点击曲线上的数据点时，我们可以获得选择的数据点的坐标值，并将其显示到用户界面上。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值