1,简介
由于项目需要研究 QCustomPlot 库有一段时间了,
抽时间将一些用法总结一下,记录到博客。
这里先上一个最简单的折线图示例,
让刚接触的新手能直接修改修改就用起来,
并且熟悉到 QCustomPlot 常用的接口。
2,效果
3,第一个工程的建立
QCustomPlot 库总共就两个文件,QCustomPlot.h,QCustomPlot.cpp,因此集成到项目非常简单。
新建一个工程加入这两个文件,在需要用到图表的地方引用头文件即可。
注意:由于 QCustomPlot 库依赖 printsupport 模块,需要在.pro文件加上
QT += core gui printsupport
在MainWindow上拖一个widget提升到QCustomPlot类对象,
构造函数内初始化代码如下:
void MainWindow::InitPlot()
{
QCustomPlot *p = ui->plot;
// p->clearPlottables(); //清除所有图形
// p->setBackground(Qt::lightGray);
// p->setNoAntialiasingOnDrag(true); //禁各种反锯齿,提高效率
// p->setNotAntialiasedElements(QCP::aeAll);
p->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom); //可拖拽+可滚轮缩放
p->legend->setVisible(true); //右上角指示曲线的缩略框
p->xAxis->setLabel(QStringLiteral("X轴文字"));
p->yAxis->setLabel(QStringLiteral("Y轴文字"));
//设各种线条、文字、背景颜色等接口,尝试取消注释来发现效果
// p->xAxis->setLabelColor(Qt::red);
// p->xAxis->setTickLabelColor(Qt::red);
// p->xAxis->setBasePen(QPen(Qt::red));
// p->xAxis->setTickPen(QPen(Qt::red));
// p->xAxis->setSubTickPen(QPen(Qt::red));
// p->xAxis->grid()->setPen(QPen(Qt::red));
// p->xAxis->grid()->setSubGridPen(QPen(Qt::red));
// p->xAxis->grid()->setZeroLinePen(QPen(Qt::red));
// p->yAxis->setTickLabelSide(QCPAxis::lsInside);
// p->yAxis->ticker()->setTickCount(20);
// p->yAxis->setLabelColor(Qt::red);
// p->yAxis->setTickLabelColor(Qt::red);
// p->yAxis->setBasePen(QPen(Qt::red));
// p->yAxis->setTickPen(QPen(Qt::red));
// p->yAxis->setSubTickPen(QPen(Qt::red));
// p->yAxis->grid()->setPen(QPen(Qt::red));
// p->yAxis->grid()->setSubGridPen(QPen(Qt::red));
// p->yAxis->grid()->setZeroLinePen(QPen(Qt::red));
//轴当前可见部分的范围
p->xAxis->setRange(0,100);
p->yAxis->setRange(0,10);
//添加两个图形
p->addGraph();
p->addGraph();
p->graph(0)->setPen(QPen(Qt::red));
p->graph(1)->setPen(QPen(Qt::blue));
// p->graph(0)->setName(QStringLiteral("name1"));
// p->graph(1)->setName(QStringLiteral("name2"));
for(int i=0;i<100;i++)
{
p->graph(0)->addData(i, i%10);
p->graph(1)->addData(i, (double)i/10.0);
}
//添加右键菜单
// p->setContextMenuPolicy(Qt::CustomContextMenu);
// connect(p, SIGNAL(customContextMenuRequested(const QPoint&)), this, SLOT(slotPlotContextMenu(const QPoint&)));
}
4,源码
本专栏配套源码,都可在Qt学习群免费下载:
群号码:1149411109
群名称:Qt实战派学习群