QCustomplot的基本使用方法

已于 2022-08-28 14:03:40 修改
阅读量2.8k 收藏 22
点赞数 2
分类专栏： QT QCustomplot 文章标签： qt c++ 图表
于 2021-09-25 15:29:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_31788709/article/details/120471313
版权
本文介绍了如何使用QCustomplot高效绘制一万点以上的图表，对比了qtcharts的效率问题，并详细展示了QCustomplot的设置步骤，包括坐标轴刻度、图表缩放和平移功能，以及右键菜单实现图表恢复和保存为图片的操作。
摘要由CSDN通过智能技术生成

QCustomplot的基本使用方法

最近在写一个程序需要画图，原本使用的是qtcharts，但是有可能是我使用方法没对，用qtcharts画图的效率极其低下，上万个点时，尤其是可能卡死，后来听说qcustomplot好用，于是改用qcustomplot，果不其然，一万多个点，几乎秒出。
qcustomplot的使用方法与qtchart不太相同，因此记录一二。
我所使用的qcustomplot版本为2.0版本。

一、准备工作

qcustomplot使用过程中，有如下几个注意点：

  1. 有几种使用方法，我采用的是，将qcustomplot.h与qcustomplot.cpp放置工程文件下，而后导入；
  2. 修改pro文件，添加两个内容，一个是QT += printsupport，另一个是DEFINES += QCUSTOMPLOT_USE_OPENGL，前者的作用是为了使用该控件，后者的作用是为了让画图过程中使用OpenGL以增加效率，另外，如果你是后来添加的DEFINES += QCUSTOMPLOT_USE_OPENGL则需要清除工程文件，重新构建，因为这部分内容需要写入预编译产生的文件中；
  3. 在ui文件中，添加一个Widget的控件，提升为qcustomplot，这个需要自己手动将刚刚导入进来的qcustomplot添加到提升的类中。

二、使用方法

该部分内容，直接贴代码，看注释。这是一个在dialog中通过提升Wdiget实现qcustomplot的方法。

头文件内容

#include <QDialog>

namespace Ui {
class precisionPaintDialog;
}
class precisionPaintDialog : public QDialog
{
    Q_OBJECT

public:
    explicit precisionPaintDialog(QWidget *parent = 0);
    ~precisionPaintDialog();
    
    void addGraphs();  
    QVector<double> x1;  //图表1的X轴数据
    QVector<double> c1;  //图表1的Y轴数据
    QVector<double> x2;  //图表2的X轴数据
    QVector<double> c2;  //图表2的X轴数据

public slots:
    //图表1的鼠标右键功能
    void mouseReleaseEvent_plot1(QMouseEvent * event); 
    //图表2的鼠标右键功能
    void mouseReleaseEvent_plot2(QMouseEvent * event);

private:
    Ui::precisionPaintDialog *ui;
private slots:
        void recover_btn_plot1(); //图表1的恢复功能
        void recover_btn_plot2(); //图表2的恢复功能
        void save_jpg_btn_plot1();  //图表1的保存为jpg功能
        void save_jpg_btn_plot2();  //图表2的保存为jpg功能
};

cpp文件内容

#include "precisionpaintdialog.h"
#include "ui_precisionpaintdialog.h"

precisionPaintDialog::precisionPaintDialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::precisionPaintDialog)
{
    ui->setupUi(this);
    this->setWindowFlags(Qt::WindowMinMaxButtonsHint);
    //图方便，我就用10000个相同的值的点来演示，反正数值大小无所谓。
    for(int i = 0 ; i<10000;i++){
            x1.append(i);
            c1.append(0.01);
            
            x2.append(i);
            c2.append(0.02);
    }
    //将第一个widget控件的鼠标释放的信号与自己定义个一个函数相连接，为了方便使用，我自行定义了一个函数。
    connect(ui->widget_plot,SIGNAL(mouseRelease(QMouseEvent*)),this,SLOT(mouseReleaseEvent_plot1(QMouseEvent*)));
    //将第二个widget控件的鼠标释放的信号与自己定义个一个函数相连接，为了方便使用，我自行定义了一个函数。
    connect(ui->widget_plot_2,SIGNAL(mouseRelease(QMouseEvent*)),this,SLOT(mouseReleaseEvent_plot2(QMouseEvent*)));
    
    //实现添加图表及图表的配置，及图表的数据的函数。
    addGraphs();
}

precisionPaintDialog::~precisionPaintDialog()
{
    delete ui;
}

//图表的初始化函数
void precisionPaintDialog::addGraphs()
{
	//这个是坐标轴的固有属性的一个策略类，利用该策略，可以实现指定坐标轴的一些属性，比如刻度步长，刻度数目等等。
    QSharedPointer<QCPAxisTickerFixed> ticker(new QCPAxisTickerFixed);
    //设置刻度步长为0.004
    ticker.data()->setTickStep(0.004);
    //设置坐标轴有9个刻度值
    ticker.data()->setTickCount(9);
	
	//新增一个图表
    ui->widget_plot->addGraph();
    //设置图表的名称
    ui->widget_plot->graph()->setName("通道A随机误差");
    //将横轴和纵轴的值赋值给坐标轴
    ui->widget_plot->graph()->setData(x1, c1);
    //设置X轴的标签
    ui->widget_plot->xAxis->setLabel("相对时（秒）");
    //设置Y轴的标签
    ui->widget_plot->yAxis->setLabel("通道A随机误差");
    //设置X轴的值的范围
    ui->widget_plot->xAxis->setRange(x1.first(),x1.last());
    //设置Y轴的值的范围
    ui->widget_plot->yAxis->setRange(0,0.032);
    //将刚生成的坐标轴的策略，设置到Y轴上
    ui->widget_plot->yAxis->setTicker(ticker);
    //设置该坐标轴可拖动，可缩放
    ui->widget_plot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
    //设置使用opengl画图
    ui->widget_plot->setOpenGl(true);
    //画图
    ui->widget_plot->replot();

	//图表2与图表1一模一样，不赘述
    ui->widget_plot_2->addGraph();
    ui->widget_plot_2->yAxis->ticker().data()->setTickCount(9);
    ui->widget_plot_2->graph()->setName("通道B随机误差");
    ui->widget_plot_2->graph()->setData(x2, c2);
    ui->widget_plot_2->xAxis->setLabel("相对时（秒）");
    ui->widget_plot_2->yAxis->setLabel("通道B随机误差");
    ui->widget_plot_2->xAxis->setRange(x2.first(),x2.last());
    ui->widget_plot_2->yAxis->setRange(0,0.032);
    ui->widget_plot_2->yAxis->setTicker(ticker);
    ui->widget_plot_2->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
    ui->widget_plot_2->setOpenGl(true);
    ui->widget_plot_2->replot();

}

//右键时显示右键菜单栏，并实现按钮功能
void precisionPaintDialog::mouseReleaseEvent_plot1(QMouseEvent *event)
{
    if(event->button()==Qt::RightButton)
    {
    	//新建一个菜单
        QMenu *pMenu=new QMenu(ui->widget_plot);
        //新建菜单中的按钮
        QAction *act_Reset=new QAction(tr("复位"),ui->widget_plot);
        QAction *act_Save_jpg=new QAction(tr("保存为jpg"),ui->widget_plot);
        //将按钮添加到菜单
        pMenu->addAction(act_Reset);
        pMenu->addAction(act_Save_jpg);
        //将按钮与实现的功能函数相绑定
        connect(act_Reset,SIGNAL(triggered(bool)),this,SLOT(recover_btn_plot1()));
        connect(act_Save_jpg,SIGNAL(triggered(bool)),this,SLOT(save_jpg_btn_plot1()));
        //在右键点击的位置显示菜单
        pMenu->exec(cursor().pos());
        //释放内存
        QList<QAction*>list=pMenu->actions();
        foreach (QAction* pAction, list) {
            delete pAction;
        }
        delete pMenu;
    }

}
//与上述一致
void precisionPaintDialog::mouseReleaseEvent_plot2(QMouseEvent *event)
{
    if(event->button()==Qt::RightButton)
    {
        QMenu *pMenu=new QMenu(ui->widget_plot_2);

        QAction *act_Reset=new QAction(tr("复位"),ui->widget_plot_2);
        QAction *act_Save_jpg=new QAction(tr("保存为jpg"),ui->widget_plot_2);

        pMenu->addAction(act_Reset);
        pMenu->addAction(act_Save_jpg);

        connect(act_Reset,SIGNAL(triggered(bool)),this,SLOT(recover_btn_plot2()));
        connect(act_Save_jpg,SIGNAL(triggered(bool)),this,SLOT(save_jpg_btn_plot2()));
        
        pMenu->exec(cursor().pos());
        QList<QAction*>list=pMenu->actions();
        foreach (QAction* pAction, list) {
            delete pAction;
        }
        delete pMenu;
    }

}

//实现恢复图表初始化界面的功能
void precisionPaintDialog::recover_btn_plot1()
{
    ui->widget_plot->xAxis->setRange(x1.first(),x1.last());
    ui->widget_plot->yAxis->setRange(0,0.032);
    ui->widget_plot->replot();
}

//实现保存为图输出的功能
void precisionPaintDialog::save_jpg_btn_plot1()
{
	//保存的位置，如果不存在，则创建文件夹
    QString path=QCoreApplication::applicationDirPath()+"/SavePicture/precision";
    QDir dir(path);
    if(!dir.exists()){
        dir.mkpath(path);
    }
    QString pathA = path +"/channelA_"+QTime::currentTime().toString().replace(":","")+".jpg";
    //保存为jps输出，也可以保存为bmp,pdf,png等格式输出，相应的函数分别为saveBmp,savePdf,savePng。
    if(ui->widget_plot->saveJpg(pathA)){
        int click=QMessageBox::warning(this,"提示","图片已保存！是否打开保存目录?",QMessageBox::Yes,QMessageBox::No);
        //打开图片所在目录的文件夹
        if(click==QMessageBox::Yes){
            QDesktopServices::openUrl(QUrl::fromLocalFile(path));
        }
    }else{
        QMessageBox::information(this,"提示","图片保存失败！");
    }
}

//同上类似
void precisionPaintDialog::recover_btn_plot2()
{
    ui->widget_plot_2->xAxis->setRange(x2.first(),x2.last());
    ui->widget_plot_2->yAxis->setRange(0,0.032);
    ui->widget_plot_2->replot();
}
//同上类似
void precisionPaintDialog::save_jpg_btn_plot2()
{
    QString path=QCoreApplication::applicationDirPath()+"/SavePicture/precision";
    QDir dir(path);
    if(!dir.exists()){
        dir.mkpath(path);
    }
    QString pathB = path +"/channelB_"+QTime::currentTime().toString().replace(":","")+".jpg";
    if(ui->widget_plot->saveJpg(pathB)){
        int click=QMessageBox::warning(this,"提示","图片已保存！是否打开保存目录?",QMessageBox::Yes,QMessageBox::No);
        if(click==QMessageBox::Yes){
            QDesktopServices::openUrl(QUrl::fromLocalFile(path));
        }
    }else{
        QMessageBox::information(this,"提示","图片保存失败！");
    }
}

三、总结

实现了如下功能：

  1. 实现在一个dialog中使用多个qcustomplot提升的widget控件；
  2. 实现指定坐标轴的刻度的步长；
  3. 实现图表的缩放，平移；
  4. 在右键添加多按钮，实现图表的恢复及输出。
鱼月半
关注
专栏目录
QCustomPlot的简单用法总结
3D视觉工坊
02-28 1万+
QCustomPlot的简单用法总结 第一部分：QCustomPlot的下载与安装 第二部分：QCustomPlot在VS2013+QT下的使用 QCustomPlot的简单用法总结    写在前面，此处我只总结：VS2013+QT5.7.1下QCustomPlot库的使用方法。    首先展示一下我利用QCustomPlot实现好的界面，如下截图所示： ...
Qt图形图像开发之高性能曲线图模块QCustomplot库详细使用方法与实例(支持动、静曲线图)
12-20
在使用时，只需包含`qcustomplot.h`和`qcustomplot.cpp`文件，将`QT+= printsupport`写入.pro文件，即可开始使用。 创建静态曲线图的基本步骤如下： 1. 创建QCustomPlot对象，并将其放置在所需的位置，例如一个...
QCustomPlot使用手册（四）
零零IIV的博客
06-11 1万+
一、基本图形元件 1、QCustomPlot提供文字、箭头、连线、图片等图形元件，以满足用户需要。它们都是继承于QCPAbstractItem这个基类。 继承关系如下： 看官网上的例子：// add the text label at the top: QCPItemText *textLabel = new QCPItemText(customPlot); customPlot->add
QCustomPlot
最新发布
ahhxxttxs的博客
07-29 805
customplot就是一整个统计图（可以是其它类型的图）显示窗口，统计图内可以有多条统计折线（可以是其它类型的线），每个线是一个graph。QCustomPlot本身默认可以让用户和图进行一定的交互，例如通过滚轮进行放大，通过鼠标左键进行拖拽等，这里主要讨论如何进行自定义交互样式。是滚动条的最小值和最大值，滚动条的值指的是滚动条左端在整个range中的位置。通过QCPItemText类在customplot中添加文本，并设置文本的属性。上面整个图就是这个customplot，它是整个ui的一部分，用。
QCustomPlot使用手册（一）
热门推荐
零零IIV的博客
05-09 5万+
QCustomPlot 是一个基于Qt的画图和数据可视化C++控件。QCustomPlot 致力于提供美观的界面，高质量的2D画图、图画和图表，同时为实时数据可视化应用提供良好的解决方案。
QCustomPlot使用
pzs0221的专栏
06-27 2万+
一、官网下载 QCustomPlot官网下载 从官网下载 qcustomplot.h 和 qcustomplot.cpp 二、加入工程 通过添加现有文件将 qcustomplot.h、qcustomplot.cpp加入工程，并在pro文件中加入printsupport 三、使用
Qt：QCustomPlot使用教程
m0_73443478的博客
10-11 1060
Qt：QCustomPlot使用教程
QCustomPlot使用手冊（三）
weixin_34179762的博客
03-15 223
一、改变范围 QCustomPlot *customplot; customplot-&gt;setInteraction(QCP::iRangeDrag,true); 使控件能够拖拉。 customplot-&gt;axisRect()-&gt;setRangeDrag(Qt::Vertical);// Qt::Horizontal 使控件仅仅能在某一方向上拖...
Qt QCustomPlot 的使用-折线图
01-06
以上就是使用Qt和QCustomPlot创建折线图的基本步骤。实际应用中，你可以根据需求调整各种参数，实现更复杂、更美观的图表。在Qt_QCustomPlot_Prj-master项目中，你将找到一个完整的示例，演示如何结合这些知识点来...
QT使用QCustomPlot绘制曲线并动态显示曲线上的数据
08-27
在本文中，我们将深入探讨如何使用QT框架中的QCustomPlot模块来绘制曲线，并实时动态地显示曲线上的数据。QCustomPlot是一个强大的、可定制的2D绘图库，适用于Qt应用，它允许开发者创建复杂的图表和图形，包括曲线图...
QCustomPlot使用文档
01-01
QCustomPlot的简单介绍的文档，让大家对该库有一个基本的了解，方便使用
QcustomPlot
10-31
QcustomePlot是qt中画曲线图的一个库，可以方便的画出想要的曲线坐标图
QCustomPlot示例
03-01
QCustomPlot开发示例，跟股票相关，一个展示的曲线图，别人存下来，以备需要。。。。
QCustomPlot用法
Julia1229的博客
09-02 486
一、导入QTCreator 　　将qcustomplot.cqcustomplot.h文件导入项目文件夹 　　并在工程文件加入 QT += printsupport 　　在QT 设计师界面，在主窗口加入一个Widget组件，并右键选中，选中 提升为...，添加QCustomPlot类 　　之后组建，编译，即可出现默认的坐标系。在主函数文件当中，可以实验ui...
Qt之QCustomPlot（图形库）
weixin_33858249的博客
07-19 2614
简述 QCustomPlot是一个基于Qt C++的图形库，用于绘制和数据可视化 - 制作漂亮的2D图 - 曲线图、趋势图、坐标图、柱状图等，并为实时可视化应用程序提供高性能服务。它没有进一步的依赖关系，并有着良好的文档记录。 QCustomPlot可以导出为各种格式，比如：PDF文件和位图（如：PNG、JPG、BMP）。 可在自...
【QCustomPlot】使用方法（源码方式）
m0_37803477的博客
06-18 774
本篇介绍 QCustomPlot 的一种使用方法，通过包含源码的方式进行使用，这也是最常用的方法，示例中使用的 QCustomPlot 版本为。提供的方法绘制函数曲线图、参数曲线图、柱状图、箱线图、热力图等，详见帮助文档，或本人同系列博客。是 Qt Creator 生成的默认 UI 文件，界面中只多了一个提升后的。由于 QCustomPlot 具有导出 PDF 的功能，使用到了。工程文件中添加这一模块，如下所示，注意前面的版本条件。，注意大小写要完全一致，然后点击。在弹出的对话框中，先在。
QT qcustomplot怎么使用
08-30
### 回答1： QCustomPlot 是一个用于在 Qt 应用程序中绘制二维图表的小型 C++ 类库。使用 QCustomPlot 可以很方便地在 Qt 应用程序中添加各种类型的图表，例如线图、条形图、散点图、柱状图等。 使用 QCustomPlot 可以创建一个自定义图表控件，在其中绘制图表，并且可以自定义图表的外观、坐标轴、图例、标签等。 如果您是第一次使用 QCustomPlot，建议先阅读 QCustomPlot 的文档，了解基本的使用方法和常用的 API。可以参考以下示例代码： ```cpp #include "qcustomplot.h" int main(int argc, char *argv[]) { QApplication a(argc, argv); QCustomPlot w; w.addGraph(); // 创建一条线段 w.graph(0)->setData(x, y); // 设置线段的数据 w.xAxis->setLabel("x 轴"); // 设置 x 轴的标签 w.yAxis->setLabel("y 轴"); // 设置 y 轴的标签 w.rescaleAxes(); // 自动缩放坐标轴 w.replot(); // 重绘图表 w.show(); return a.exec(); } ``` 在上面的示例中，我们创建了一个 QCustomPlot 对象，并添加了一条线段。然后设置了线段的数据、坐标轴的标签，并调用了 rescaleAxes() 和 replot() 方法。最后，通过 show() 方法显示图表。 QCustomPlot ### 回答2： QCustomPlot是一个功能强大的Qt绘图库，可以用于绘制各种类型的二维图表。要使用QCustomPlot，需要按照以下步骤进行操作： 1. 下载并安装QCustomPlot库：可以在QCustomPlot官方网站上下载并安装最新版本的库（https://www.qcustomplot.com/）。也可以使用Qt的包管理工具进行安装。 2. 添加QCustomPlot库到Qt项目中：打开Qt项目的.pro文件，然后在文件中添加以下行： `LIBS += -lqcustomplot`。 3. 在Qt项目中包含QCustomPlot的头文件：在需要使用QCustomPlot的源文件中添加以下行： `#include <qcustomplot.h>`。 4. 在Qt项目中创建QCustomPlot对象：在需要使用QCustomPlot的代码中添加以下行： `QCustomPlot *customPlot = new QCustomPlot(this);`。这将创建一个QCustomPlot对象，并将其添加到当前的Qt窗口中。 5. 使用QCustomPlot绘制图表：通过调用QCustomPlot对象的方法，可以设置图表的标题、轴标签、数据和样式。例如，可以使用以下方法设置X轴和Y轴的范围： ```c++ customPlot->xAxis->setRange(0, 10); customPlot->yAxis->setRange(0, 100); ``` 6. 添加数据到图表：使用QCustomPlot对象的方法，可以将数据添加到图表上。例如，使用addGraph()方法添加一个新的曲线图： ```c++ customPlot->addGraph(); customPlot->graph(0)->setData(xData, yData); ``` 7. 更新图表显示：在设置完图表的数据和样式后，使用replot()方法即可更新和显示图表： ```c++ customPlot->replot(); ``` 以上就是使用QCustomPlot库的基本步骤。使用QCustomPlot可以实现各种类型的图表，如线图、散点图、柱状图等。可以通过查看QCustomPlot的文档和示例代码，进一步了解和使用QCustomPlot的功能。 ### 回答3： QCustomPlot是一个用于在Qt应用程序中绘制2D函数曲线图和其他可视化图表的开源库。使用QCustomPlot可以轻松地创建漂亮的图表，包括直方图、散点图、曲线图、饼图等等。 要使用QCustomPlot，首先需要将它包含到Qt项目中。可以从官方网站上下载QCustomPlot库，并将其包含到项目的文件夹中。然后，将QCustomPlot.h和QCustomPlot.cpp文件添加到Qt工程中，并在需要使用的源文件中包含QCustomPlot.h头文件。 创建一个QCustomPlot对象后，可以使用该对象的方法和属性来自定义和显示图表。可以使用addGraph()函数添加一个新的曲线图层，使用graph()->setData()函数设置曲线图的数据点，使用graph()->setPen()函数设置曲线的样式，如颜色、线宽等。 除了曲线图之外，还可以使用QCPBars类来创建直方图，并使用QCPScatter类来创建散点图。可以使用addPlottable()函数添加这些不同类型的图层。 在创建了图表和图层之后，可以对图表进行一些自定义设置，如设置坐标轴的范围、添加网格线、设置标签等。可以使用xAxis()和yAxis()方法来获得对应的x轴和y轴对象，并使用setRange()函数来设置坐标轴的范围。 一旦完成了图表的设置，可以使用replot()方法来重新绘制图表并显示在QWidget上。 总之，使用QCustomPlot可以方便地创建各种类型的图表，并通过设置方法和属性来自定义图表的样式。它是一个强大而灵活的库，可以用于数据可视化和分析等应用程序中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鱼月半

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值