一个最简单的QCustomPlot折线图示例

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实战派学习群