Qt绘图插件QCustomPlot配置、使用

一、配置QCustomPlot

官方下载地址:http://www.qcustomplot.com/index.php/download



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



在工程的pro中添加上printsupport



打开界面文件，进入ui，向主窗口中添加一个widget区域，对着所添加的widget区域点击右键，选择“提升为”按钮



提升类名称输入“QCustomPlot”，点击添加



点击提升，完成配置

二、QCustomPlot的使用

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

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

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

//定义两个可变数组存放绘图的坐标数据
QVector<double> 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();

}

编译



最后，我在操作的过程中遇到这里出现错误



将

#include"../../qcustomplot.h"

改成

#include <qcustomplot.h>

就可以了