QCustomPlot的使用教程(二)

文章目录

1、绘制多条曲线
2、绘制柱状图

1、绘制多条曲线

上一节中简单介绍了如何使用QCustomPlot绘制一条简单的曲线，下面将介绍如何通过QCustomPlot绘制多条曲线。
如下是参考官网的代码，绘制两条曲线，代码如下:

void MainWindow::plotDemo2()
{plot=this->ui->widget;//添加第一条曲线plot->addGraph();plot->graph(0)->setPen(QPen(Qt::blue));plot->graph(0)->setBrush(QBrush(QColor(0,0,255,20)));//第二条曲线plot->addGraph();plot->graph(1)->setPen(QPen(Qt::red));//模拟数据点(x,y1)代表第一条曲线，(x,y2)代表第二条曲线QVector<double> x(251),y1(251),y2(251);for(int i=0;i<251;i++){x[i]=i;y1[i]=qExp(-i/150.0) * qCos(i/10.0);y2[i]=qExp(-i/150.0);}//显示上面和右面的坐标轴，但不显示值plot->xAxis2->setVisible(true);plot->xAxis2->setTickLabels(false);plot->yAxis2->setVisible(true);plot->yAxis2->setTickLabels(false);//设置数据曲线的值plot->graph(0)->setData(x,y1);plot->graph(1)->setData(x,y2);//自动调整X,Y坐标范围plot->graph(0)->rescaleAxes(true);plot->graph(1)->rescaleAxes(true);//设置曲线的特性:支持鼠标拖拽、图层缩放、鼠标左键选择图层plot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectPlottables);//刷新plot->replot();
}

如下是效果图:

每一条曲线都是通过addGraph()来实现的，当我们没有手动设置坐标轴范围时，可以通过rescaleAxes()来自动调整坐标轴范围。

2、绘制柱状图

如下是通过QCPBars来绘制柱状图，代码如下:

void MainWindow::plotDemo3()
{//柱状图的X.Y坐标QCPAxis *xAxis=this->ui->widget->xAxis;QCPAxis *yAxis=this->ui->widget->yAxis;QCPBars *bars=new QCPBars(xAxis,yAxis);bars->setAntialiased(true);   //设置抗锯齿bars->setName("柱状图实例");bars->setVisible(true);//设置画笔和画刷bars->setPen(QPen(QColor("#B2F63D")));bars->setBrush(QBrush(QColor("#95EC00")));//坐标轴刻度范围与文字QVector<double>ticks;QVector<QString>labels;ticks<<1<<2<<3<<4<<5<<6<<7;labels<<"C"<<"Python"<<"C++"<<"Java"<<"GO"<<"Rust"<<"VB";QSharedPointer<QCPAxisTickerText> tickerText(new QCPAxisTickerText);tickerText->addTicks(ticks,labels);xAxis->setTicker(tickerText); //设置坐标轴文字xAxis->setTickLabelRotation(60); //设置坐标轴文字旋转xAxis->setSubTicks(false);  //不显示子刻度xAxis->setRange(0,8);xAxis->setLabel("编程语言");xAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);yAxis->setRange(0,10000); //设置y轴范围yAxis->setPadding(35);  //设置y轴内边距yAxis->setLabel("学习人数");yAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);QVector<double>dataNum;dataNum<<9500<<8790<<8678<<8437<<4985<<3490<<2920;bars->setData(ticks,dataNum);  //给柱状图设置值
}

效果图如下:

QCustomPlot的使用教程(二)相关推荐

QT5系列教程二---基于qcustomplot的QT5 GUI串口收发绘图软件实现
QT5系列教程二---基于qcustomplot的QT5 GUI串口收发绘图软件实现结构 UI部分代码部分 step1:实现串口数据接受串口接受数据格式在`.pro`文件中添加`serialp ...
黄聪：Microsoft Enterprise Library 5.0 系列教程(二) Cryptography Application Block (高级)
原文:黄聪:Microsoft Enterprise Library 5.0 系列教程(二) Cryptography Application Block (高级) 本章介绍的是企业库加密应用程序模块 ...
Konstrukt PHP REST框架教程二
Konstrukt PHP REST框架教程二入门 - 第2部分在本教程中,我们假设你已经完成了第一个教程,因为它的基础上产生的代码从该. 谈判的Content-Type 在大多数情况下会发出一 ...
Mac下Android studio 之NDK配置教程(二)
Mac下Android studio 之NDK配置教程(二) (一)简述从上一篇NDK配置教程(一) 中,我简单的阐述了MAC下NDK的基本解压和环境配置步骤. 本节我讲详细描述android s ...
python elasticsearch 入门教程(二) ---全文搜索
python elasticsearch 入门教程(二) ---全文搜索截止目前的搜索相对都很简单:单个姓名,通过年龄过滤.现在尝试下稍微高级点儿的全文搜索--一项传统数据库确实很难搞定的任务. ...
openlayers地图旋转_OpenLayers教程二：实现简单的地图显示
本文衔接上一篇文章:不睡觉的怪叔叔:OpenLayers教程二:实现简单的地图显示zhuanlan.zhihu.com 经过上一篇文章对OpenLayers的简单了解以后,现在让我们来实现一个简单的 ...
计算机java语言教程,计算机JAVA教程二讲Java语言基础知识.doc
计算机JAVA教程二讲Java语言基础知识 2．1简单数据类型 2．1．1 标识符和保留字 1．标识符程序员对程序中的各个元素加以命名时使用的命名记号称为标识符(identifier).Java语言 ...
Java 结构体之 JavaStruct 使用教程二 JavaStruct 用例分析
使用环境前一篇在介绍 JavaStruct 类时指定了使用库使用环境为 Java 5 及以上,也即开发我们使用的 JDK 版本为1.5及以上就可以了.以下讲解的用例可以直接将 code 直接粘贴到 ...
C#微信公众号开发系列教程二（新手接入指南）
此系列前面已经更新了两篇博文了,都是微信开发的前期准备工作,现在切入正题,本篇讲解新手接入的步骤与方法,大神可直接跳过,也欢迎大神吐槽. 微信公众号开发系列教程一(调试环境部署) 微信公众号开发系列教 ...

QCustomPlot的使用教程(二)

文章目录

1、绘制多条曲线

2、绘制柱状图

QCustomPlot的使用教程(二)相关推荐

最新文章

热门文章