Qt的图形有Qt自带的QChart 但是它只能画一些简单的和静态的,而QCustomPlot比它强大一点,比较复杂和动态的它都可以,比较流畅。
下载和安装
QCustomPlot官网:
https://www.qcustomplot.com/index.php/download
下载最新版本:
下载后解压,有以下文件:
打开documentation文件夹
将里面的qcustomplot.qch文件放到你Qt安装目录中Docs目录 ,如下图:
打开Qt Create -> 工具 -> 选项 然后按如下图的流程
以上就安装好QCustomPlot的帮助文档,以后就可以按F1查看相关的函数,或直接搜索。
测试安装是否成功
在Qt Create中新建一个工程,右键创建的工程 添加现有的文件
在.pro文件中加入模块 QT += printsupport
把这两个文件加到工程中 如下图
在ui文件中添加一个widget
右击控件提升
然后编译,如果没有错误就下一步
然后在官网中将例子的代码复制到mainwindow.cpp构造函数中
官网:https://www.qcustomplot.com/index.php/tutorials/basicplotting
QCustomPlot* customPlot = ui->widget; //这个是我加的,ui-> + 自己的在ui文件中控件的类名
// add two new graphs and set their look:
customPlot->addGraph();
customPlot->graph(0)->setPen(QPen(Qt::blue)); // line color blue for first graph
customPlot->graph(0)->setBrush(QBrush(QColor(0, 0, 255, 20))); // first graph will be filled with translucent blue
customPlot->addGraph();
customPlot->graph(1)->setPen(QPen(Qt::red)); // line color red for second graph
// generate some points of data (y0 for first, y1 for second graph):
QVector<double> x(251), y0(251), y1(251);
for (int i=0; i<251; ++i)
{
x[i] = i;
y0[i] = qExp(-i/150.0)*qCos(i/10.0); // exponentially decaying cosine
y1[i] = qExp(-i/150.0); // exponential envelope
}
// configure right and top axis to show ticks but no labels:
// (see QCPAxisRect::setupFullAxesBox for a quicker method to do this)
customPlot->xAxis2->setVisible(true);
customPlot->xAxis2->setTickLabels(false);
customPlot->yAxis2->setVisible(true);
customPlot->yAxis2->setTickLabels(false);
// make left and bottom axes always transfer their ranges to right and top axes:
connect(customPlot->xAxis, SIGNAL(rangeChanged(QCPRange)), customPlot->xAxis2, SLOT(setRange(QCPRange)));
connect(customPlot->yAxis, SIGNAL(rangeChanged(QCPRange)), customPlot->yAxis2, SLOT(setRange(QCPRange)));
// pass data points to graphs:
customPlot->graph(0)->setData(x, y0);
customPlot->graph(1)->setData(x, y1);
// let the ranges scale themselves so graph 0 fits perfectly in the visible area:
customPlot->graph(0)->rescaleAxes();
// same thing for graph 1, but only enlarge ranges (in case graph 1 is smaller than graph 0):
customPlot->graph(1)->rescaleAxes(true);
// Note: we could have also just called customPlot->rescaleAxes(); instead
// Allow user to drag axis ranges with mouse, zoom with mouse wheel and select graphs by clicking:
customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectPlottables);
运行,成功就会出现如下图:
以上步骤官网也有,但是我感觉这个比详细一点。