QCustomPlot 的下载和安装和简单的编译（入门一）

朴灿烈づ我的快乐病毒、 2022-12-31 12:22 359阅读 0赞

按照网上的教程 一步步的操作 发现还是踩坑，编译报错，网上的教程都是一样的 折腾了好一会才解决问题。  
使用Qcustorplot 遇坑一 在.pro中添加 printsupport 如下图：  
![在这里插入图片描述][20201229173603305.png]

Qcustorplot 遇坑二： 将 \#include"…/…/qcustomplot.h" 改成 \#include <qcustomplot.h>  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg_size_16_color_FFFFFF_t_70]

Qt绘图插件QCustomPlot配置、使用  
一、配置QCustomPlot  
官方下载地址:http://www.qcustomplot.com/index.php/download  
![在这里插入图片描述][20201229173629860.png]

载之后将文件解压（不要有中文路径）  
打开Qt，新建一个窗体工程  
将解压得到的文件夹里面的头文件qcustomplot.h和源文件qcustomplot.cpp复制到工程文件夹下  
在Qt中，添加已有文件，将头文件qcustomplot.h和提升类名称输入“QCustomPlot”，点击添加源文件qcustomplot.cpp都添加到工程

打开界面文件，进入ui，向主窗口中添加一个widget区域，对着所添加的widget区域点击右键，选择“提升为”按钮  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg_size_16_color_FFFFFF_t_70 1]

提升类名称输入“QCustomPlot”，点击添加  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg_size_16_color_FFFFFF_t_70 2]

点击提升，完成配置  
二、QCustomPlot的使用

原理：  
QCustomPlot可以理解为就是一个绘图板的类，它继承于Widget，界面中的Widget类提升为QCustomPlot才能够绘图  
QCustomPlot中的每一个曲线是一个Graph对象，凡是跟显示数据有关的我们就对Graph进行操作或调用Graph对象提供的方法  
一个QCustomPlot里有四个坐标轴，其中xAxis和yAxis就是我们上图看到的x和y坐标轴，还有两个坐标轴xAxis1和yAxis1为上方和右方的x、y坐标，默认隐藏，可以通过程序设计显示

接着上面的操作，首先将上面提升为QCustomPlot类的容器界面的对象重命名为qCustomPlot  
在主类Widget构造函数中加入如下代码，绘制一个标准标准的y=x^3的曲线

1.  Widget::Widget(QWidget \*parent) :
2.      QWidget(parent),
    
    ui(new Ui::Widget)  
    \{  
    ui->setupUi(this);
    
    //定义两个可变数组存放绘图的坐标数据  
    QVector x(101),y(101);//分别存放x和y坐标的数据,101为数据长度  
    //添加数据，我们这里演示y=x^3,为了正负对称，我们x从-10到+10  
    for(int i=0;i<101;i++)  
    \{  
    x\[i\] = i/5 - 10;  
    y\[i\] = x\[i\] \* x\[i\] \* x\[i\];  
    \}
    
    //向绘图区域QCustomPlot(从widget提升来的)添加一条曲线  
    ui->qCustomPlot->addGraph();  
    //添加数据  
    ui->qCustomPlot->graph(0)->setData(x,y);
    
    //设置坐标轴标签名称  
    ui->qCustomPlot->xAxis->setLabel(“x”);  
    ui->qCustomPlot->yAxis->setLabel(“y”);
    
    //设置坐标轴显示范围,否则我们只能看到默认的范围  
    ui->qCustomPlot->xAxis->setRange(-11,11);  
    ui->qCustomPlot->yAxis->setRange(-1100,1100);
    
    //重绘，这里可以不用，官方例子有，执行setData函数后自动重绘  
    //我认为应该用于动态显示或者是改变坐标轴范围之后的动态显示，我们以后探索  
    //ui->qCustomPlot->replot();

编译  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg_size_16_color_FFFFFF_t_70 3]

[20201229173603305.png]: /images/20221120/9b9908bb8e2c4e3387b94b96a26a8e98.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg_size_16_color_FFFFFF_t_70]: /images/20221120/8c69520517744a12b978f0dafc1f998b.png
[20201229173629860.png]: https://img-blog.csdnimg.cn/20201229173629860.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20201229173646856.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20201229173657263.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/2020122917371018.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTMyODQwNg==,size_16,color_FFFFFF,t_70