Qt QCustomPlot 绘制子轴

已于 2024-01-21 19:20:49 修改
阅读量704 收藏 12
点赞数 10
文章标签： 信息可视化
于 2024-01-19 15:19:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tadpole_java/article/details/135697907
版权

抄大神杰作：QCustomplot（五）QCPAxisRect进行子绘图-CSDN博客文章浏览阅读5.9k次，点赞7次，收藏60次。文中介绍了QCustomPlot 子绘图需要掌握的类，也就是Matlab中的subplot，最后给出了一个完整的例子。_qcpaxisrecthttps://blog.csdn.net/weixin_39258979/article/details/122008568

需求来源：试验数据需要多轴对比。之前有过初步尝试​​​​​​​还是大佬们写的好。

实现多Y轴、单X轴、X轴是时间轴、X轴range联动、rect之间的间距是0，每个图上有legend(这里有个疑问，每添加个rect在这个rect上添加graph，再添加legend,第一个rect上就有多个legend，其他rect上就只有一个。)；

实现多Y轴、多X轴，x轴不联动。

频谱图，多Y轴，单X轴

关键代码如下，请大佬们多多指正：

//时域图
void MultiAxisWidget::recvRawData(int iRow, QString oStrLabel, QVector<double> adX, QVector<double> adY)
{
    QCPAxisRect* poAxisRect = new QCPAxisRect(ui->plot);
    poAxisRect->setAutoMargins(QCP::msNone);
    poAxisRect->setMargins(QMargins(100, 0, 0, 0));

    ui->plot->plotLayout()->addElement(iCntIndex, 0, poAxisRect);

    QCPAxis* poAxisX = poAxisRect->axis(QCPAxis::atBottom);
    QCPAxis* poAxisY = poAxisRect->axis(QCPAxis::atLeft);

    poAxisX->setVisible(false);

    poAxisY->grid()->setZeroLinePen(QPen(Qt::red));

    poAxisX->grid()->setSubGridVisible(true);
    poAxisY->grid()->setSubGridVisible(true);

    QList<QCPAxis*> aaxisField;
    aaxisField << poAxisX;
    poAxisRect->setRangeZoomAxes(aaxisField);

    poAxisY->setVisible(true);
    poAxisY->setLabel("振幅(mV)");

    auto poGraph = ui->plot->addGraph(poAxisX, poAxisY);

    poGraph->setName(oStrLabel);
    poGraph->setData(adX, adY);
    poGraph->setLineStyle(QCPGraph::lsLine);
    poGraph->setPen(QPen(Qt::blue, 2));

    poGraph->rescaleKeyAxis(true);
    poGraph->rescaleValueAxis(true, true);
    poGraph->rescaleAxes();

    auto poThread = new QThread;
    poGraph->setParent(nullptr);
    poGraph->moveToThread(poThread);
    poGraph->setVisible(true);

    QPair<QCPAxisRect*, QCPGraph*> pairContent(poAxisRect, poGraph) ;

    aopContent.append(pairContent);

    ++iCntIndex;

    QSharedPointer<QCPAxisTickerDateTime> dateTicker(new QCPAxisTickerDateTime);//日期做X轴
    dateTicker->setDateTimeFormat("HH:mm:ss");//日期格式(可参考QDateTime::fromString()函数)
    dateTicker->setTickCount(12);

    switch(eAxisType)
    {
        case AXIS_X_M:
            poAxisRect->setAutoMargins(QCP::msBottom);
            poAxisX->setVisible(true);
            poAxisX->setTicker(dateTicker);//设置X轴为时间轴

            break;

        case AXIS_X_S:

            if(iCntIndex == iCnt)
            {
                poAxisRect->setAutoMargins(QCP::msBottom);
                poAxisX->setVisible(true);
                poAxisX->setTicker(dateTicker);//设置X轴为时间轴

                QTimer::singleShot(1000, this, [ = ]()
                {
                    this->linkage();
                });
            }
            break;
    }

    if(iCntIndex == iCnt)
    {
        for(QPair<QCPAxisRect*, QCPGraph*> pairContent : aopContent)
        {
            QCPLegend* poLegend = new QCPLegend;
            pairContent.first->insetLayout()->addElement(poLegend, Qt::AlignTop | Qt::AlignRight);
            poLegend->setLayer("legend");
            poLegend->addItem(new QCPPlottableLegendItem(poLegend, pairContent.second));
        }
    }

    ui->plot->replot();
}

//频谱图
void MultiAxisWidget::recvSpectrum(QString oStrLabel, QVector<double> x, QVector<double> y, QList<double> adTargetF)
{
    QCPAxisRect* poAxisRect = new QCPAxisRect(ui->plot);
    poAxisRect->setAutoMargins(QCP::msNone);
    poAxisRect->setMargins(QMargins(100, 0, 0, 0));

    ui->plot->plotLayout()->addElement(iCntIndex, 0, poAxisRect);

    QCPAxis* poAxisX = poAxisRect->axis(QCPAxis::atBottom);
    QCPAxis* poAxisY = poAxisRect->axis(QCPAxis::atLeft);

    poAxisX->setVisible(false);

    QList<QCPAxis*> aaxisField;
    aaxisField << poAxisX;
    poAxisRect->setRangeZoomAxes(aaxisField);

    poAxisX->setLabel("频率(Hz)");          //X轴文字显示
    poAxisY->setLabel("振幅(mV)");          //Y轴文字显示

    poAxisY->grid()->setZeroLinePen(QPen(Qt::red));

    poAxisX->setRangeReversed(true);
    poAxisX->setScaleType(QCPAxis::stLogarithmic);
    poAxisY->setScaleType(QCPAxis::stLogarithmic);

    ui->plot->xAxis->grid()->setSubGridVisible(true);
    poAxisY->grid()->setSubGridVisible(true);

    auto poGraph = ui->plot->addGraph(poAxisX, poAxisY);

    poGraph->setName(oStrLabel);
    poGraph->setData(x, y);
    poGraph->setLineStyle(QCPGraph::lsLine);
    poGraph->setPen(QPen(Qt::blue, 2));

    poGraph->rescaleKeyAxis(true);
    poGraph->rescaleValueAxis(true, true);
    poGraph->rescaleAxes();

    auto poThread = new QThread;
    poGraph->setParent(nullptr);
    poGraph->moveToThread(poThread);
    poGraph->setVisible(true);

    for(int i = 0; i < adTargetF.count(); i++)
    {
        QCPItemTracer* poTracer = new QCPItemTracer(ui->plot);

        poTracer->setGraphKey(adTargetF.at(i));
        poTracer->setInterpolating(false);
        poTracer->setStyle(QCPItemTracer::tsCircle);
        poTracer->setPen(QPen(Qt::yellow));
        poTracer->setBrush(Qt::red);
        poTracer->position->setType(QCPItemPosition::ptPlotCoords);
        poTracer->setSize(8);

        poTracer->setClipAxisRect(poAxisRect);//设置裁剪的坐标轴
        poTracer->setGraph(poGraph);

        QCPItemStraightLine* poLine = new QCPItemStraightLine(ui->plot);

        poLine->setPen(QPen(Qt::red, 0.5, Qt::DotLine));
        //垂直参考线，就是两点一线
        //m_pHorReffer_DG->setClipToAxisRect(false);//裁剪，让外部也要看到
        poLine->setClipAxisRect(poAxisRect);//设置裁剪的坐标轴
        poLine->point1->setAxes(poAxisRect->axis(QCPAxis::atBottom), poAxisRect->axis(QCPAxis::atLeft)); //绑定坐标
        poLine->point2->setAxes(poAxisRect->axis(QCPAxis::atBottom), poAxisRect->axis(QCPAxis::atLeft));

        poLine->point1->setCoords(adTargetF.at(i), 1);
        poLine->point2->setCoords(adTargetF.at(i), 2);
    }

    QPair<QCPAxisRect*, QCPGraph*> pairContent(poAxisRect, poGraph) ;

    aopContent.append(pairContent);

    ++iCntIndex;

    if(iCntIndex == iCnt)
    {
        poAxisRect->setAutoMargins(QCP::msBottom);

        QSharedPointer<QCPAxisTickerText> textTicker = QSharedPointer<QCPAxisTickerText>(new QCPAxisTickerText);
        textTicker.data()->clear();

        foreach(double dF, adTargetF)
        {
            textTicker->addTick(dF, QString("%1").arg(dF));
        }

        poAxisX->setTicker(textTicker);

        poAxisX->setTickLabelRotation(34.38);

        poAxisX->setVisible(true);

        QTimer::singleShot(1000, this, [ = ]()
        {
            this->linkage();
        });

        for(QPair<QCPAxisRect*, QCPGraph*> pairContent : aopContent)
        {
            QCPLegend* poLegend = new QCPLegend;
            pairContent.first->insetLayout()->addElement(poLegend, Qt::AlignTop | Qt::AlignRight);
            poLegend->setLayer("legend");
            poLegend->addItem(new QCPPlottableLegendItem(poLegend, pairContent.second));
        }
    }

    ui->plot->replot();
}

//多  x轴联动
void MultiAxisWidget::linkage()
{
    for(QPair<QCPAxisRect*, QCPGraph*> pairContent : aopContent)
    {
        for(QPair<QCPAxisRect*, QCPGraph*> pairContentOther : aopContent)
        {
            if(pairContentOther.first == pairContent.first)
            {
                continue;
            }
            connect(pairContent.first->axis(QCPAxis::atBottom), QOverload<const QCPRange&>::of(&QCPAxis::rangeChanged),
                    pairContentOther.first->axis(QCPAxis::atBottom), QOverload<const QCPRange&>::of(&QCPAxis::setRange));
        }
    }

    //鼠标双击曲线，在颜色对话框中给被点击的曲线设置颜色
    connect(ui->plot, &QCustomPlot::plottableDoubleClick, this, [ = ](QCPAbstractPlottable * plottable, int dataIndex, QMouseEvent * event)
    {
        QColorDialog colorDialog;
        colorDialog.setCurrentColor(Qt::red);

        // 显示对话框
        int result = colorDialog.exec();

        // 检查用户是否选择了颜色
        if (result == QDialog::Accepted)
        {
            // 获取选择的颜色
            QColor selectedColor = colorDialog.selectedColor();

            plottable->setPen(QPen(selectedColor, 2));

            ui->plot->replot();
        }
    });

    ui->plot->replot();
}

QQ_278397935
关注
  • 10
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QCustomPlot之布局系统
09-30 2143
The Layout System布局系统 布局系统主要负责定位和缩放在QCustomPlot上的布局元素比如坐标轴矩形,图例和Plot标题。 Classes and mechanisms类和机制 布局系统基于抽象基类QCPLayoutElement.所有参与布局系统的对象都派生自此类,直接的或间接的。 布局元素的矩形 一个布局元素是一个矩形对象通过两个矩形被描述:内部矩
QCustomPlot之QCPAxisTicker坐标轴类功能实现
08-22
https://blog.csdn.net/bwangk/article/details/81950598、 由于项目需要，实现天气预报的曲线绘制功能，进而学习了QCustomPlot的第三方控件，这里浅尝辄止的分享一下自己对QCPAxisTicker坐标轴类的使用
QCustomplot周边控件一些不常用的地方
最新发布
ZHYFXY的博客
05-14 367
1.多个QCPAxisRect对齐：2.让QCPAxisRect四个轴都显示3.刻度号显示在内测4.QCPItemStraightLine展示在单个QCPAxisRect上。
QCustomplot（五）QCPAxisRect进行子绘图
Fishfishfishfishcat
12-20 7472
文中介绍了QCustomPlot 子绘图需要掌握的类，也就是Matlab中的subplot，最后给出了一个完整的例子。
在python中用QCustomPlot实现多y轴多曲线
人太健忘了，需要有个地方记录
11-10 2855
它会导致完整的重新插入内部缓冲区。当您对图形的轴范围或数据点进行更改时，必须调用此方法，这使得更改可见。，当我点击左侧窗格（树状视图）时会显示图表。问题是图表在我调整分割器大小之前没有显示或更新。这中间遇到另一个问题，绘图不更，我正在使用。
QCustomPlot 一个X轴多个Y轴
小泥人日常
03-06 1433
目标。
【QCustomPlot】绘制 x-y 曲线图
m0_37803477的博客
06-20 2567
绘制 x-y 曲线图所使用的类为QCPGraph，它提供的类方法可在中找到。// 重置/添加绘图数据的接口// 设置线型// 设置点型。
Qt qCustomPlot 曲线平滑处理
04-25
参考 七 六 伍 的... 因为编译不通过，对其中的内容做了修改，编译报错和修改的地方在这篇文章下的评论中已详细写出。 本zip是修改后通过编译的.h 和.cpp文件。 ！！！...
qcustomplot 绘制 饼状图和 柱状图
01-08
在本文中，我们将深入探讨如何使用QCustomPlot库在Qt环境中绘制饼状图和柱状图。QCustomPlot是一个强大的2D绘图库，它提供了丰富的功能，允许开发者自定义图表，以满足各种数据可视化需求。 首先，让我们了解饼状图...
qt使用QCustomplot绘制cpu和内存使用率图
09-07
在本文中，我们将深入探讨如何使用Qt框架中的QCustomPlot模块来绘制CPU和内存使用率图表。QCustomPlot是一个强大的2D绘图库，适用于Qt应用程序，它提供了丰富的自定义功能，可以方便地创建出复杂的数据可视化效果。 ...
QT使用QCustomPlot绘制曲线并动态显示曲线上的数据
08-27
通过上述步骤，你已经成功地在Qt应用中使用QCustomPlot绘制了动态曲线，并且能够从`WeatherPlot`文件中加载和显示数据。这个过程展示了如何结合Qt的事件机制和QCustomPlot的功能来实现数据可视化，为你的应用程序...
Qt+QCustomPlot实现波形图
04-12
Qt是一个跨平台的应用程序开发框架，广泛应用于GUI（图形用户界面）设计，而QCustomPlot是Qt的一个扩展模块，专门用于绘制高质量的2D图形，包括波形图。 首先，了解Qt的基本概念是必要的。Qt提供了丰富的类库，如...
QCustomPlot设置多段Y轴的方法
白鱼儿的博客
08-02 1132
【代码】QCustomPlot设置多段Y轴的方法。
QCustomPlot多线同X轴不同Y轴
guoguo0524的博客
04-13 383
【代码】QCustomPlot多线同X轴不同Y轴。
qcustomplot多个坐标系
qq_44084616的博客
07-19 3753
继承重写了qcostomplot原有布局样式，添加了部分自定义功能函数。
Qt应用开发(拓展篇)——示波器/图表 QCustomPlot
波塞冬的博客
08-23 2497
是一个用于绘图和数据可视化的Qt C++小部件。它没有进一步的依赖关系，提供友好的文档帮助。这个绘图库专注于制作好看的，出版质量的2D绘图，图形和图表，以及为实时可视化应用程序提供高性能。QCustomPlot可以导出各种格式，如矢量化的PDF文件和光栅化的图像，如PNG, JPG和BMP。QCustomPlot是用于在应用程序中显示实时数据以及为其他媒体生成高质量图的解决方案。
QT5入门之32-QCustomPlot
热门推荐
混沌的博客
11-05 1万+
1.MFC，BCB绘图有Teechart控件，很好用。QT绘图有QWT和QCustomPlot，QWT比较麻烦一些，相比来说QCustomPlot简单易用。 2.官网下载地址：http://www.qcustomplot.com/index.php/download 如上图，下载第一个QCustomPlot.tar.gz，包括源文件和文档demo等。 demo比较重要，可以参考demo代码
QCustomPlot 共用X轴多Y轴绘制多条曲线
边城菜菜鸟的专栏
12-27 1463
【代码】QCustomPlot 共用X轴多Y轴绘制多条曲线。
QCustomplot
qq_40572129的博客
10-28 233
QCPAbstractPlottable 绘图元素：包含 折线图(QCPGraph)、曲线图(QCPCurve)、柱状图(QCPBars)、QCPStatiBox(盒子图)、QCPColorMap(色谱图)、QCPFinancial(金融图)；// false 跟踪程序主动获取最接近键的数据点，不一定准确；//如果跟踪器和一个图形衔接，调用此函数更新跟踪程序位置驻留在图形的数据，取决与键。
qt qcustomplot绘制声波频谱图
12-13
使用Qt和QCustomPlot库可以绘制声波频谱图。首先，创建一个Qt项目并添加QCustomPlot库到项目中。然后，引入QCustomPlot的头文件，并在主窗口中创建一个QCustomPlot对象。 接下来，获取声波数据，可以从文件中读取，或者通过音频输入设备获取实时的音频数据。将声波数据传递给QCustomPlot对象，可以使用addGraph()方法创建一个新的曲线，并通过setData()方法将声波数据设置给曲线。 然后，设置绘图属性，例如曲线颜色、线型和粗细等。可以使用QPen类设置这些属性，并通过graph()->setPen()方法将设置应用到曲线上。 然后，调用replot()方法重新绘制QCustomPlot对象，将曲线显示在图表中。 为了绘制频谱图，可以对声波数据执行快速傅里叶变换（FFT）。使用QFFT类可以很方便地执行FFT，并将结果作为频谱数据传递给QCustomPlot对象。 创建一个新的曲线用于绘制频谱图，并使用频谱数据设置曲线的数据。同样，设置绘图属性，并调用replot()方法显示频谱图。 最后，使用QCustomPlot对象的其他方法和属性，例如设置坐标轴标签和范围等，以根据需要定制图表。 除了绘制声波频谱图，QCustomPlot还提供了许多其他功能，例如绘制二维图表、柱状图、极坐标图等。可以根据具体需求进一步探索和使用QCustomPlot库。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值