QT下使用QCustomPlot绘制曲线

在QT下绘制曲线有两种方案，一种是通过Qwt绘制，另外一种是本文将要提到的QCustomPlot进行绘制。

在官网上下载QCustomPlot的相关压缩包，有beta以及release版本，这里我下载的release版本（自带的相关例程plot-examples）。

将相关的源码添加到工程pro，编译个时候会报错，我们需要添加一个库 QT += printsupport

使用QT Designer进行界面的设计，新建一个Widget，右键->提升为 QCustomPlot，

相关初始化

void TCWareWidget::InitCustomPlot()
{
QPen pen;
pen.setColor(Qt::blue);

ui->customPlot->legend->setVisible(true);
ui->customPlot->addGraph();
ui->customPlot->graph(0)->setPen(pen);
ui->customPlot->graph(0)->setName("数据1");

pen.setColor(Qt::red);
ui->customPlot->addGraph();
ui->customPlot->graph(1)->setPen(pen);
ui->customPlot->graph(1)->setName("数据2");

pen.setColor(Qt::green);
ui->customPlot->addGraph();
ui->customPlot->graph(2)->setPen(pen);
ui->customPlot->graph(2)->setName("数据3");

pen.setColor(Qt::cyan);
ui->customPlot->addGraph();
ui->customPlot->graph(3)->setPen(pen);
ui->customPlot->graph(3)->setName("数据4");

pen.setColor(Qt::magenta);
ui->customPlot->addGraph();
ui->customPlot->graph(4)->setPen(pen);
ui->customPlot->graph(4)->setName("数据5");

pen.setColor(Qt::yellow);
ui->customPlot->addGraph();
ui->customPlot->graph(5)->setPen(pen);
ui->customPlot->graph(5)->setName("数据6");

pen.setColor(Qt::darkRed);
ui->customPlot->addGraph();
ui->customPlot->graph(6)->setPen(pen);
ui->customPlot->graph(6)->setName("数据7");

pen.setColor(Qt::darkBlue);
ui->customPlot->addGraph();
ui->customPlot->graph(7)->setPen(pen);
ui->customPlot->graph(7)->setName("数据8");

//    ui->customPlot->graph(0)->setLineStyle(QCPGraph::lsNone);
//    ui->customPlot->graph(0)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCross,4));

//    ui->customPlot->addGraph();
//    pen.setColor(Qt::red);
//    ui->customPlot->graph(1)->setPen(pen);
//    ui->customPlot->graph(1)->setName("拟合");

//    ui->customPlot->xAxis->setTickLabelType(QCPAxis::ltDateTime);
//    ui->customPlot->xAxis->setDateTimeFormat("hh:mm:ss");
//    ui->customPlot->xAxis->setAutoTickStep(false);
//    ui->customPlot->xAxis->setTickStep(2);
//    ui->customPlot->axisRect()->setupFullAxesBox();

ui->customPlot->xAxis->setLabel("x(V)");
ui->customPlot->yAxis->setLabel("y(ml)");

//    ui->customPlot->resize(500,300);

//    ui->customPlot->xAxis->setRange(0,11);
//    ui->customPlot->yAxis->setRange(0,1100);
ui->customPlot->xAxis->setRange(0,1);
ui->customPlot->yAxis->setRange(0,1);

connect(ui->customPlot->xAxis, SIGNAL(rangeChanged(QCPRange)), ui->customPlot->xAxis2, SLOT(setRange(QCPRange)));
connect(ui->customPlot->yAxis, SIGNAL(rangeChanged(QCPRange)), ui->customPlot->yAxis2, SLOT(setRange(QCPRange)));

ui->customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectPlottables);
}

数据显示绘制

int TCWareWidget::ShowWavePlot()
{
QVector <QVector<double> > x;
int dataSize;

x.resize(readDataList.size());
for(int i = 0; i < readDataList.size();i++)
{
dataSize = readDataList[i].count();
x[i].resize(dataSize);
for(int j = 0; j < dataSize;j++)
{
x[i][j] = 0.02 * j;
}
ui->customPlot->graph(i)->setData(x[i],readDataList[i]);
}

double xRange = 0.02 * dataSize;
ui->customPlot->xAxis->setRange(0,xRange);
ui->customPlot->yAxis->setRange(minData -1,maxData + 1);

ui->customPlot->replot();
}

至此，绘制图形完毕。