QCustomplot（五）QCPAxisRect进行子绘图

已于 2022-09-16 10:41:09 修改
阅读量6.7k 收藏 67
点赞数 9
分类专栏： # QT 文章标签： QCustomPlot subplot QT
于 2021-12-20 22:53:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39258979/article/details/122008568
版权

子绘图是比较复杂的，你几乎需要掌握QCustomPlot所有类及其含义。那么需要掌握的类有：

  • QCPAxis 描述轴行为，轴需要依赖QCPAxisRect
  • QCPAxisRect 描述矩形区域，区域依赖于QCPCustomPlot
  • QCPLayoutGrid 网格形排列矩形区域，类似于QGridLayout
  • QCustomPlot 默认行为及对象
  • QLegend 图例

1

一、QCPAxis 轴对象

1.1 构造
QCPAxis::QCPAxis (QCPAxisRect * parent, AxisType type);

可以看出QCPAxis依赖与QCPAxisRect对象的，关于第二个参数enum QCPAxis::AxisType，就是表明其在矩形中的位置：

枚举类型编号含义
atLeft0x01Axis is vertical and on the left side of the axis rect
atRight0x02Axis is vertical and on the right side of the axis rect
atTop0x04Axis is horizontal and on the top side of the axis rect
atBottom0x08Axis is horizontal and on the bottom side of the axis rect
1.2 可以设置哪些内容？

构造时用到的两个参数对象是可以返回的：

AxisType axisType () const
QCPAxisRect * axisRect () const

关于网格有以下内容可供设置：
2
关于留白，有以下内容可供设置：
1

二、QCPAxisRec 矩形区域

QCPAxisRect是多个轴围成的一个矩形区域，也就是坐标轴，其构造方法如下：

QCPAxisRect (QCustomPlot *parentPlot, bool setupDefaultAxes=true);

第一个参数是父对象QCustomplot，第二个参数是否设置默认轴（四个轴，但是只显示左下）。构造函数告诉我们，QCPAxisRec必须依赖与一个父对象QCustomPlot。

2.1 SetFullAxesBox 设置完全矩形区域

这个函数为一个矩形区域设置四个默认坐标轴，上下和左右的轴属性完全一样；Tick Label左右默认不显示。

2.2 addAxis和addAxes 添加一个轴
QCPAxis * QCPAxisRect::addAxis (QCPAxis::AxisType type, QCPAxis * axis =nullptr);
QList<QCPAxis *> QCPAxisRect::addAxes(QCPAxis::AxisTypes types);

addAxis函数将往矩形区域特定位置添加一个轴（上下左右），第二个参数是一个QCPAxis对象指针，

  • 轴由内部创建。axis 为空指针，表示由内部创建并维护这个轴的生命周期，请不要直接delete返回的轴指针，而是使用removeAxis删除；
  • 轴是外部实例。axis为指向实例的指针，表示这个轴是用户自行创建的，注意轴类型应该与自行创建的时候一致，否则轴将会添加失败；此外，不应该多次添加同一个轴实例。

无论是内部还是外部，轴生命周期都由QCustomPlot控制，同一个位置可以添加多个轴。

2.3 axis 、axes 方法选取轴实例
  • 特定位置轴个数：int QCPAxisRect::axisCount(QCPAxis type) const返回，
  • 选择某个轴实例可以通过QCPAxis *QCPAxisRect::axis(QCPAxis::AxisType type,int index=0) const
  • 所有轴实例：QList<QCPAxis *> QCPAxisRect::axes(QCPAxis::AxisType types)const
    QList<QCPAxis * > QCPAxisRect::axes ( ) const

那么选取轴实例有什么用呢？答：可以控制轴标签、tick等属性

2.3 removeAxis 移除特定轴

添加好的轴可以通过bool QCPAxisRect:removeAxis(QCPAxis *axis)

三、QCPLayoutGrid 将坐标轴按网格排列

什么是网格布局？网格布局就是将一个子元素按照网格的形状排列。元素对象有：
2

3.1 构造一个QCPLayoutGrid
QCPLayoutGrid::QCPLayoutGrid()

成员函数rowCount和columnCount可以返回当前布局行和列个数。

3.2 addElement 增加一个元素
bool QCPLayoutGrid::addElement(QCPLayoutElement *element);
bool QCPLayoutGrid::addElement(int row,int column,QCPLayoutElement * element);

向布局中增加一个元素，如果对应行列不存在将会扩展它。

3.3 element hasElement 获取一个元素
QCPLayoutElement * QCPLayoutGrid::element(int row,int column) const;
bool QCPLayoutGrid::hasElement(int row,int column);
3.2 simplify、ExpandTo 合并和扩充
void QCPLayoutGrid::expandTo(int newRowCount,int new ColumnCount);
void simplify();

四、QCPLayer 图层

4.1 QCPLayer和QCPLayerable

Layer是可能包含对象的、控制渲染顺序的对象。对于QCustomPlot对象内部具有一个渲染顺序列表，在绘制时将会连续画出QCPLayerable对象。

QCPLayer包含有序的QCPLayerable对象，QCPLayerable是所有可见对象的基类，如：axes、grids、graph和item等。

4.2 默认图层

背景层、网格层、主层、坐标轴层、图例层和矩形选择区域层。

默认情况下，QCustomPlot有六个图层，分别是：“background” “grid” “main” “axes” “legend”和“overlay”（注意顺序）。最先绘制的是“overlay”层，它只包含QCustomPlot选中的矩形（QCustomPlot::selectionRect），往后分别是“axes”和“legend”，表示默认轴和图示，在中间，有一个“main”层，它默认不含任何东西且为默认图层（QCustomPlot::setCurrentLayer）。这也就意味着所有可绘制的对象将会默认在此层，接着是QCPGrid对象（与QCPAxis紧密相连）。轴矩形区域应该绘制在所有图层后边，以便显示数据内容，因此QCPAxisRect实例被放在"background"层，当然你可以设置每个对象所在的图层（QCPLayerable::setLayer）。

4.3 控制图层渲染顺序

在绘制时控制图层非常简单：使用QCustomPlot::addLayer方法创建一个指定层的图层，如在“main”上层，然后用QCustomPlot::setCurrentLayer设置设置为你刚刚创建的图层，接下来的事情，只需要和往常一样创建图层上的对象即可，因为你设置了当前图层，所以对象都将会放置在该图层。如果你觉得比较麻烦，可以创建出了图层之后直接使用QCPLayer::setLayer将所有对象放在指定图层。你甚至可以移动整个图层的内容，方法是QCustomPlot::moveLayer。在同一图层内点的对象是覆盖形式的，删除一个图层不会删除对应的的对象QCustomPlot::removeLayer。

五、QCPLegend 图例

该对象管理了一个QCustomPlot的一个图例。它是一个小的Box区域，包含名称和图标。通过QCPAbstarctPlottable::adddToLegend来填充QCPLegend内容，对于主图示（QCustomPlot::legend）仅需设置QCustomPlot::setAutoAddPlottableToLegend为true（默认行为）就可以自动创建一些legend项，legend是一个与特定可绘制对象相关的对象，可以被QCPAbstractPlottable::removeFromLegend去除。

此外，QCPLegend提供了一些接口增加和直接管理这些legend：item、itemWithPlottable、itemCount、addItem、removeItem等。因为QCPLegend是从QCPLayoutGrid继承而来的，因此通过对象QCPLayoutElement可以将legend添加到任意位置，legend是QCPLayoutElement的元素，默认情况下每一个QCustomPlot只有一个legend（QCustomPlot::legend），表示主轴的内嵌布局中（QCPAxisRect::insetLayout），你可以通过QCPLayoutInset实现在矩形区域移动，使用QCPLayout/QCPLayoutElement接口实现矩形外移动。

六、子绘图实例

终于看完了QCPAxis、QCPAxisRect和QCPLayoutGrid，最后补充一些QCustomPlot本身的一些方法就可以进行子绘图了：

QCPGraph *addGraph(QCPAxis *keyAxis=nullptr,QCPAxis *valueAxis=nullptr);//默认是左下两个轴，你也可以指定特定的轴
QCPGraph *graph()const;
QCPGraph *graph(int index)const;
bool removeGraph(QCPGraph * graph);
bool removeGraph(int index);
bool clearGraph();
int graphCount()const ;
QCPLayoutGrid * QCustomPlot::plotLayout()const;//返回顶层QCustomPlot的布局，通常内容只是一个矩形区域

//Generate data
QVector<double> x,ys,yc,y_cs;
for(double xi=-2*M_PI;xi<2*M_PI;xi+=0.1)
{
    x.push_back(xi);
    ys.push_back(sin(xi));
    yc.push_back(cos(xi));
    y_cs.push_back(sin(xi)+cos(xi));
}

//Create Rectangle Area and add to QCustomplot
QCPAxisRect * R00=new QCPAxisRect(this->ui->qcust_curve);
QCPAxisRect * R10=new QCPAxisRect(this->ui->qcust_curve);
QCPAxisRect * R20=new QCPAxisRect(this->ui->qcust_curve);
this->ui->qcust_curve->plotLayout()->clear();
this->ui->qcust_curve->plotLayout()->addElement(0,0,R00);
this->ui->qcust_curve->plotLayout()->addElement(1,0,R10);
this->ui->qcust_curve->plotLayout()->addElement(2,0,R20);

//Draw graphs with data
this->ui->qcust_curve->addGraph(R00->axis(QCPAxis::atBottom),R00->axis(QCPAxis::atLeft));
this->ui->qcust_curve->addGraph(R10->axis(QCPAxis::atBottom),R10->axis(QCPAxis::atLeft));
this->ui->qcust_curve->addGraph(R20->axis(QCPAxis::atBottom),R20->axis(QCPAxis::atLeft));

this->ui->qcust_curve->graph(0)->setData(x,ys);
this->ui->qcust_curve->graph(0)->rescaleAxes();
this->ui->qcust_curve->graph(0)->setName("y=sin(x)");

this->ui->qcust_curve->graph(1)->setData(x,yc);
this->ui->qcust_curve->graph(1)->rescaleAxes();
this->ui->qcust_curve->graph(1)->setName("y=cos(x)");

this->ui->qcust_curve->graph(2)->setData(x,y_cs);
this->ui->qcust_curve->graph(2)->rescaleAxes();
this->ui->qcust_curve->graph(2)->setName("y=cos(x)+sin(x)");

//Add Legends
QCPLegend *arLegend00=new QCPLegend;
R00->insetLayout()->addElement(arLegend00,Qt::AlignTop|Qt::AlignRight);
arLegend00->setLayer("legend");
arLegend00->addItem(new QCPPlottableLegendItem(arLegend00, this->ui->qcust_curve->graph(0)));

QCPLegend *arLegend10=new QCPLegend;
R10->insetLayout()->addElement(arLegend10,Qt::AlignTop|Qt::AlignRight);
arLegend10->setLayer("legend");
arLegend10->addItem(new QCPPlottableLegendItem(arLegend10, this->ui->qcust_curve->graph(1)));

QCPLegend *arLegend20=new QCPLegend;
R20->insetLayout()->addElement(arLegend20,Qt::AlignTop|Qt::AlignRight);
arLegend20->setLayer("legend");
arLegend20->addItem(new QCPPlottableLegendItem(arLegend20, this->ui->qcust_curve->graph(2)));

结果如下：
1

[1] https://www.qcustomplot.com/index.php/support/forum/314

我什么都布吉岛
关注
  • 9
    点赞
  • 踩
  • 67
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
电子绘图软件
10-05
可以进行电子电路的通断测试等功能，类似于Eplan等软件
续qcustomplot高级轴（多轴联动）：代码部分
qq_52430484的博客
10-07 345
这例子仅供参考，如有不足之处，请大家留言。1、初始化轴：保留x1(下)和y1（左）3、创建布局管理器，设置布局策略。4、将元素加到图层中。
Qcustomplot 坐标轴缩放（qt 方法2）
七 六 伍 的博客
12-31 4447
setRangeZoomAxes函数 使坐标轴可以伸缩 在2.0系列版本的Qcustomplot中，可以对通过坐标轴列表对两套坐标轴进行设置： QList<QCPAxis*> axes; axes << CustomPlot->yAxis2 << CustomPlot->xAxis2 << CustomPlot->yAxis << CustomPlot->xAxis; CustomPlot->axisRect()-&g
QCustomPlot添加自定义的图例，实现隐藏、删除功能。
最新发布
疯狂挖掘机的博客
03-06 662
根据自己的需求自定义实现图例样式和功能。
qcustomplot高级轴的应用：完美解决多个qcpaxisrect左侧坐标轴对齐。
qq_52430484的博客
04-07 533
由于qcustomplot内部默认创建一个axisrect，在添加多个轴矩形框时，可以调用plotlayout-clear()，也可以在第一个后面添加。
qt超强精美绘图控件 - QCustomPlot
09-13
QCustomPlot 是一个超强超小巧的qt绘图类，非常漂亮，非常易用，只需要加入一个qcustomplot.h和qcustomplot.cpp文件即可使用，远比qwt方便和漂亮，可以自己使用两个源文件也可以自己编译成库文件，非常方便。 内含大量示例代码，运行既可。
QCustomplot - 4.QCPLegend详解
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
03-28 4354
QCPLegend类作用是管理QCustomPlot内的图例 1.常用接口 设置legend是否显示，字体大小、颜色。 ui->customPlot->legend->setVisible(true); ui->customPlot->legend->setFont(QFont("Helvetica", 9)); ui->customPlot->legend->setTextColor(Qt::red); 设置图标大小
QCustomPlot基础教程（十）——QCustomPlot中图例的相关设置
热门推荐
Wendy的博客
11-03 1万+
目录1、前言2、显示图例3、设置图例位置4、设置图例背景5、设置图例名称6、设置边框隐藏7、其他设置 1、前言 基础部分就不过多介绍了，不懂得可以直接参考：QCustomPlot基础教程（一）——QCustomPlot的安装及基础实例，代码部分也不做过多介绍，代码使用的是QCustomPlot基础教程（二）——在Qt中绘制多个曲线的相关代码。 2、显示图例 图例默认不显示，显示图例使用setVisible()函数，代码示例： customPlot->legend->setVisible(true
16.QCustomPlot 2.0.1文档
港湾的专栏
03-11 1370
https://www.qcustomplot.com/documentation/index.html 如果您是QCustomPlot的新手，并且只想开始使用它，建议您查看以下位置的教程和示例 http://www.qcustomplot.com/ 当您熟悉使用QCustomPlot进行数据可视化的基础知识并且希望了解有关特定功能或更多高级概念的更多信息时，本文档对于作为参考特别有用。请参阅类概述，以获得解释QCustomPlot库最重要的类之间的关系的图。 绘图表 绘图表是在QCusto.
QCustomPlot图例
qq_41979948的博客
05-25 3058
一、QCustomPlot图例设置 ui.plot_->legend->setVisible(true); //设置可见 ui.plot_->axisRect()->insetLayout()->setInsetAlignment(0, Qt::AlignTop | Qt::AlignRight);//设置位置 ui.plot_->graph(i)->setName(“小笨蛋”); //设置图例名字 ui.plot_->legend->addE
Qt-QCustomPlot
yaolcc的博客
04-01 3694
参考链接 https://blog.csdn.net/llq108/article/details/45603047 https://blog.csdn.net/yxy244/article/details/100311112 https://blog.csdn.net/yxy244/category_9295352.html 简述 QCustomPlot是一个基于Qt C++的图形库，用于绘制和数据可视化 - 制作漂亮的2D图 - 曲线图、趋势图、坐标图、柱状图等，并为实时可视化应用程序提供高性能服务。它
qt下超强绘图控件 QCustomPlot
02-10
qt超强精美绘图控件 - QCustomPlot 详细介绍：http://blog.csdn.net/czyt1988/article/details/10143141
使用EclipseRCP进行桌面程序开发（五）：2D绘图
03-04
看完这篇文章，可以实现如下界面：当我第一次看到RCP的时候，我就梦想着有一天能够用它开发界面华丽的2D和3D程序，经历过前面的探索，今天终于可以揭开2D绘图的神秘面纱。在包资源管理器的插件依赖项中，我们一眼就可以看到org.eclipse.swt.graphics包，毫无疑问，和2D绘图有关的类就在这个包中。还有一个org.eclipse.swt.opengl包也很引人注目，但是里面却只有GLCanvas类和GLData类，怎么也找不到传说中的GL类和GLU类，也许下一篇文章我会写出关于3D的内容，但也许这个计划会夭折。我刚开始发现org.eclipse.swt.gr
QCustomPlot2
09-19
QCustomPlot2是一个CPP版本的Qcustomplot2的python封装，用于高性能绘图，同类型的库有pyqtgraph，qtchart，单个人感觉比pyqtgraph好用，bug少
交叉编译Qt工程
Fishfishfishfishcat
04-05 4965
交叉编译的概念请查看我之前的一篇文章：如何进行交叉编译？ 本文的目标是：在Ubuntu20.04上编译Qt程序并在树莓派上运行。 一、树莓派上安装合适的Qt版本 如果你的板子上没有安装Qt，那么请安装对应的Qt版本。这一步非常重要，最好不要自行安装Qt版本，而是要安装发行版经过测试的、兼容的Qt版本。树莓派安装Qt也相当简单： sudo apt-get update sudo apt-get install qt5-default sudo apt-get install qtcreator sudo ap
QT的学习（一）如何查阅QT文档？（以QPushButton为例）
Fishfishfishfishcat
07-27 4498
QT学习了一段时间，发现最重要的还是通过自带的帮助文档来查询函数使用。如今天我用到connect参数不匹配。 no matching funtion for call to "出错语句。简单啊，直接用F1完事，右侧就可以看到具体的调用说明了。不懂的直接点击超链接可以继续阅读，唯一要求的就是英文好一点。 其实还可以通过查找的方式来看一系列的（指重载的一些函数），ctrl +6打开帮助文档，切换到index方式，查找就完事了。 以QPushButton为例： 真的超级好用，要是STL要是也用一个这样帮助文
QT多线程简单使用
Fishfishfishfishcat
07-29 2663
QT的多线程相较于Linux/Unix的pthread和C++11的thread，基本一致，只不过QThread因为要利用信号与槽的机制，所有的线程都是通过继承QObject来实现的。 一、QT历史上的两种使用多线程 继承QThread对象 QRunnable方法 moveToThread方法 QtConcurrent::run方法 关于每一种方法的优缺点可以查看这位博主的总结Qt中使用线程的几种方式及区别，因为项目中使用的多线程不需要频繁的创建和销毁，所以使用了第三种方法moveToThread方法。
QCustomplot (二) 为正弦曲线线型号、宽度和颜色、填充
Fishfishfishfishcat
05-29 2304
为正弦曲线增加曲线相关参数，如颜色、线型、坐标轴填充。
一个qcustomplot设置多个QCPAxisRect，并且为每个QCPAxisRect设置图例
06-20
可以使用QCustomPlot中的addAxisRect()函数来添加多个QCPAxisRect，然后通过QCPAxisRect的legend属性来为每个QCPAxisRect设置图例。 以下是一个简单的示例代码： ```cpp // 创建QCustomPlot对象 QCustomPlot *customPlot = new QCustomPlot(this); // 创建两个QCPAxisRect对象 QCPAxisRect *axisRect1 = new QCPAxisRect(customPlot); QCPAxisRect *axisRect2 = new QCPAxisRect(customPlot); // 添加QCPAxisRect到QCustomPlot中，并设置它们的位置和大小 customPlot->addAxisRect(axisRect1); axisRect1->setupFullAxesBox(true); axisRect1->setOuterRect(QRectF(0, 0, 0.5, 1)); customPlot->addAxisRect(axisRect2); axisRect2->setupFullAxesBox(true); axisRect2->setOuterRect(QRectF(0.5, 0, 0.5, 1)); // 为每个QCPAxisRect设置图例 axisRect1->legend->setVisible(true); axisRect1->legend->setFont(QFont("Helvetica", 9)); axisRect1->legend->setBrush(QBrush(QColor(255,255,255,230))); axisRect1->legend->setBorderPen(Qt::NoPen); axisRect1->axis(QCPAxis::atBottom)->setLabel("x Axis"); axisRect1->axis(QCPAxis::atLeft)->setLabel("y Axis"); axisRect2->legend->setVisible(true); axisRect2->legend->setFont(QFont("Helvetica", 9)); axisRect2->legend->setBrush(QBrush(QColor(255,255,255,230))); axisRect2->legend->setBorderPen(Qt::NoPen); axisRect2->axis(QCPAxis::atBottom)->setLabel("x Axis"); axisRect2->axis(QCPAxis::atLeft)->setLabel("y Axis"); // 添加图形和曲线到QCustomPlot中 QCPGraph *graph1 = customPlot->addGraph(axisRect1->axis(QCPAxis::atBottom), axisRect1->axis(QCPAxis::atLeft)); graph1->setData(xData1, yData1); graph1->setName("Graph 1"); QCPGraph *graph2 = customPlot->addGraph(axisRect2->axis(QCPAxis::atBottom), axisRect2->axis(QCPAxis::atLeft)); graph2->setData(xData2, yData2); graph2->setName("Graph 2"); // 更新绘图 customPlot->replot(); ``` 在这个示例中，我们创建了两个QCPAxisRect对象，并使用setupFullAxesBox()函数将它们的所有轴设置为满轴范围。然后，我们使用setOuterRect()函数将第一个QCPAxisRect放置在左半部分，将第二个QCPAxisRect放置在右半部分。 接下来，我们使用QCPAxisRect的legend属性来为每个QCPAxisRect设置图例。我们设置图例的可见性、字体、背景和边框，并使用axis()函数来设置每个轴的标签。 最后，我们添加两个图形和曲线到QCustomPlot中，并使用addGraph()函数将它们添加到相应的QCPAxisRect中。我们为每个图形设置数据和名称，然后使用replot()函数更新绘图。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值