【QT】VS2017+QT使用QCustomPlot绘图

最新推荐文章于 2024-08-27 15:14:17 发布
最新推荐文章于 2024-08-27 15:14:17 发布
阅读量3.7k 收藏 38
点赞数 7
分类专栏： Qt 文章标签： qt QCustomPlot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhongcai0901/article/details/119570314
版权

文章目录

1. 前言

QCustomPlot 是一个超强超小巧的qt绘图类，非常漂亮，非常易用，只需要加入一个qcustomplot.h和qcustomplot.cpp文件即可使用。

官方网址：https://www.qcustomplot.com/

下面是运行的效果如下：
在这里插入图片描述

2. 下载QCustomPlot的源码

源码下载地址：https://www.qcustomplot.com/index.php/download
在这里插入图片描述

3. 将QCustomPlot添加到QT项目

将qcustomplot.h和qcustomplot.cpp2个文件添加到QT项目，如下：
在这里插入图片描述
在项目属性Qt Project Settings中，添加QT模块printsupport，如下：
在这里插入图片描述
在ui布局文件添加一个Widget，然后选择提升为...，如下：
在这里插入图片描述
在弹框提升的类名称中，填写QCustomPlot，然后选择添加。
在这里插入图片描述
编译工程，运行效果如下：
在这里插入图片描述

4. 移植QCustomPlot Demo中的plots

解压QCustomPlot.tar.gz后，将qcustomplot\examples\plots移植到当前工程。通过修改setupDemo()来选择测试的demo，部分源码如下：

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);
	setGeometry(400, 250, 542, 390);

	setupDemo(12);
	//setupPlayground(ui.customPlot);
	// 0:  setupQuadraticDemo(ui.customPlot);
	// 1:  setupSimpleDemo(ui.customPlot);
	// 2:  setupSincScatterDemo(ui.customPlot);
	// 3:  setupScatterStyleDemo(ui.customPlot);
	// 4:  setupScatterPixmapDemo(ui.customPlot);
	// 5:  setupLineStyleDemo(ui.customPlot);
	// 6:  setupDateDemo(ui.customPlot);
	// 7:  setupTextureBrushDemo(ui.customPlot);
	// 8:  setupMultiAxisDemo(ui.customPlot);
	// 9:  setupLogarithmicDemo(ui.customPlot);
	// 10: setupRealtimeDataDemo(ui.customPlot);
	// 11: setupParametricCurveDemo(ui.customPlot);
	// 12: setupBarChartDemo(ui.customPlot);
	// 13: setupStatisticalDemo(ui.customPlot);
	// 14: setupSimpleItemDemo(ui.customPlot);
	// 15: setupItemDemo(ui.customPlot);
	// 16: setupStyledDemo(ui.customPlot);
	// 17: setupAdvancedAxesDemo(ui.customPlot);
	// 18: setupColorMapDemo(ui.customPlot);
	// 19: setupFinancialDemo(ui.customPlot);
	// 20: setupPolarPlotDemo(ui.customPlot);

	// for making screenshots of the current demo or all demos (for website screenshots):
	//QTimer::singleShot(1500, this, SLOT(allScreenShots()));
	//QTimer::singleShot(4000, this, SLOT(screenShot()));
}

void MainWindow::setupDemo(int demoIndex)
{
	switch (demoIndex)
	{
	case 0:  setupQuadraticDemo(ui.customPlot); break;
	case 1:  setupSimpleDemo(ui.customPlot); break;
	case 2:  setupSincScatterDemo(ui.customPlot); break;
	case 3:  setupScatterStyleDemo(ui.customPlot); break;
	case 4:  setupScatterPixmapDemo(ui.customPlot); break;
	case 5:  setupLineStyleDemo(ui.customPlot); break;
	case 6:  setupDateDemo(ui.customPlot); break;
	case 7:  setupTextureBrushDemo(ui.customPlot); break;
	case 8:  setupMultiAxisDemo(ui.customPlot); break;
	case 9:  setupLogarithmicDemo(ui.customPlot); break;
	case 10: setupRealtimeDataDemo(ui.customPlot); break;
	case 11: setupParametricCurveDemo(ui.customPlot); break;
	case 12: setupBarChartDemo(ui.customPlot); break;
	case 13: setupStatisticalDemo(ui.customPlot); break;
	case 14: setupSimpleItemDemo(ui.customPlot); break;
	case 15: setupItemDemo(ui.customPlot); break;
	case 16: setupStyledDemo(ui.customPlot); break;
	case 17: setupAdvancedAxesDemo(ui.customPlot); break;
	case 18: setupColorMapDemo(ui.customPlot); break;
	case 19: setupFinancialDemo(ui.customPlot); break;
	case 20: setupPolarPlotDemo(ui.customPlot); break;
	}
	setWindowTitle("QCustomPlot: " + demoName);
	statusBar()->clearMessage();
	currentDemoIndex = demoIndex;
	ui.customPlot->replot();
}

运行效果如下：
在这里插入图片描述

5. 移植过程出现的问题

问题1：编译时的错误log

1>ui_qtwidgetsapplication1.h(15): fatal error C1083: 无法打开包括文件: “qcustomplot.h”: No such file or directory (编译源文件 main.cpp)
1>ui_qtwidgetsapplication1.h(15): fatal error C1083: 无法打开包括文件: “qcustomplot.h”: No such file or directory (编译源文件 QtWidgetsApplication1.cpp)

解决办法：
在这里插入图片描述

因为和工程在同一个目录，设置头文件路径如下：打开项目属性 -> C/C++ -> 常规 -> 附加包含目录 -> $(ProjectDir)
在这里插入图片描述
问题2：编译时的错误log

1>qcustomplot.obj : error LNK2019: 无法解析的外部符号 "public: __thiscall QPrinter::QPrinter(enum QPrinter::PrinterMode)" (??0QPrinter@@QAE@W4PrinterMode@0@@Z)，该符号在函数 "public: bool __thiscall QCustomPlot::savePdf(class QString const &,int,int,enum QCP::ExportPen,class QString const &,class QString const &)" (?savePdf@QCustomPlot@@QAE_NABVQString@@HHW4ExportPen@QCP@@00@Z) 中被引用
1>qcustomplot.obj : error LNK2019: 无法解析的外部符号 "public: virtual __thiscall QPrinter::~QPrinter(void)" (??1QPrinter@@UAE@XZ)，该符号在函数 "public: bool __thiscall QCustomPlot::savePdf(class QString const &,int,int,enum QCP::ExportPen,class QString const &,class QString const &)" (?savePdf@QCustomPlot@@QAE_NABVQString@@HHW4ExportPen@QCP@@00@Z) 中被引用
1>qcustomplot.obj : error LNK2019: 无法解析的外部符号 "public: void __thiscall QPrinter::setOutputFormat(enum QPrinter::OutputFormat)" (?setOutputFormat@QPrinter@@QAEXW4OutputFormat@1@@Z)，该符号在函数 "public: bool __thiscall QCustomPlot::savePdf(class QString const &,int,int,enum QCP::ExportPen,class QString const &,class QString const &)" (?savePdf@QCustomPlot@@QAE_NABVQString@@HHW4ExportPen@QCP@@00@Z) 中被引用
1>qcustomplot.obj : error LNK2019: 无法解析的外部符号 "public: void __thiscall QPrinter::setOutputFileName(class QString const &)" (?setOutputFileName@QPrinter@@QAEXABVQString@@@Z)，该符号在函数 "public: bool __thiscall QCustomPlot::savePdf(class QString const &,int,int,enum QCP::ExportPen,class QString const &,class QString const &)" (?savePdf@QCustomPlot@@QAE_NABVQString@@HHW4ExportPen@QCP@@00@Z) 中被引用
1>qcustomplot.obj : error LNK2019: 无法解析的外部符号 "public: void __thiscall QPrinter::setColorMode(enum QPrinter::ColorMode)" (?setColorMode@QPrinter@@QAEXW4ColorMode@1@@Z)，该符号在函数 "public: bool __thiscall QCustomPlot::savePdf(class QString const &,int,int,enum QCP::ExportPen,class QString const &,class QString const &)" (?savePdf@QCustomPlot@@QAE_NABVQString@@HHW4ExportPen@QCP@@00@Z) 中被引用
1>qcustomplot.obj : error LNK2019: 无法解析的外部符号 "public: class QPrintEngine * __thiscall QPrinter::printEngine(void)const " (?printEngine@QPrinter@@QBEPAVQPrintEngine@@XZ)，该符号在函数 "public: bool __thiscall QCustomPlot::savePdf(class QString const &,int,int,enum QCP::ExportPen,class QString const &,class QString const &)" (?savePdf@QCustomPlot@@QAE_NABVQString@@HHW4ExportPen@QCP@@00@Z) 中被引用

解决办法：
打开项目属性 -> Qt Project Settings -> Qt Modules -> 增加printsupport
在这里插入图片描述

5. 测试demo完整工程

测试时的完成工程代码下载路径如下：
https://download.csdn.net/download/ZHONGCAI0901/20964210?spm=1001.2014.3001.5501

ZHONGCAI0901
关注
专栏目录
VS2019+Qt5.13下QCustomPlot的配置
linga1995的博客
04-07 4113
QCustomPlot是一个用于绘图和数据可视化的Qt小组件。它没有多余的依赖关系，并且有完善的说明文档。该绘图库专注于制作美观、显示质量高的2D绘图和图表，并在实时可视化应用程序中有较高性能。 本人用它主要是因为qwt配置起来实在太麻烦了。。。 1. 从QCustomPlot官网下载源码及说明文档：https://www.qcustomplot.com/index.php/download ...
vs2015+QT5.8画图程序
10-06
Vs2015加上QT5.8 画图程序 文件基本操作 画图基本操作 编辑基本操作
cmake+qt+qcustomplot
07-12
cmake+qt+qcustomplot
Qt+QCustomPlot实现波形图
04-12
运用Qt框架+QCustomPlot库实现波形图显示，可运用于项目开发
Qt QCustomPlot画色阶图
最新发布
Sakuya__的博客
08-27 833
工作中用到QCustomPlot画曲线图和色阶图，并且在色阶图上添加文字，圆圈或者几条线段画一些图形，这里写个简单的例子把这几个功能记录一下，代码在这里： https://download.csdn.net/download/Sakuya__/89681279https://download.csdn.net/download/Sakuya__/89681279 本文代码效果如下： MainWindow.h MainWindow.cpp
plot_demo_QT_qt动态曲线_动态曲线_QCustomPlot曲线_qcustomplot
09-11
QT动态显示曲线的例程，使用的qcustomplot
VS + qt环境使用QCustomPlot等三方库如何配置
燃犀的博客
09-02 1886
VS + qt环境使用QCustomPlot等三方库如何配置
QT-QcustomPlot之Item（四）
TOMJJY的博客
07-05 4111
参考文章：https://segmentfault.com/a/1190000022114010 一、QCustuomPlot的分层机制 QCustomPlot的分层系统是控制图中元素渲染顺序的机制。最初，QCustomPlot有五个层：“background”、“grid”、“main”、“axes”和“legend”（按顺序）。最上面两层“轴”和“图例”包含默认轴和图例，因此它们将绘制在顶部。 中间是“主”层。它最初为空并设置为当前层（请参见QCustomPlot:：setCurrentLayer）。
【QT教程】QT5+VS2017 绘制曲线(QCustomPlot) 及 EXCEL的快速读取和写入(QAxObject)
天才小傲傲的博客
10-07 7338
本篇文章对一下几点进行了总结 1.利用QCustomPlot绘制曲线的基本操作 2.利用QAxObject对excel文件进行读取、写入操作 3.比较了QT对Excel文件快速和慢速读写方法的异同 4.总结了一些常见坑爹地方
QCustomPlot在VS+QT5中使用
Timoqian的博客
02-22 977
因为需要画图表，所以接触到了QCustomPlot类 这个类很强大，但是首先要学会怎么集成到自己的项目里。 这里采用源码.h和.cpp的方式 1 在qtcrator里先把.h和.cpp文件加进来，然后在.pro里面加 QT +=printsupport 就可以了。 2 在vs+QT5里面第一步也是把.h和.cpp加进来，因为生成的项目没有.pro 在vs的环境下点击项目->项目属性->Qt Project Settings->Qt Modules->选择modules。然..
QCustomPlot+ vs2022+ qt
高恩阳的博客
07-06 491
选择这个QWidget，然后在右侧的属性窗口中，将其objectName属性改为customPlot。打开你的主窗口类的头文件（如mainwindow.h）和源文件（如mainwindow.cpp）。打开你的主窗口.ui文件，在Designer视图中添加一个QWidget到你的窗口布局中。
【二】VS2017使用QCustomPlot开启OpenGL加速
阿龙的思考
05-16 1884
上一章节介绍了VS2017下使用QCustomPlot画图插件的安装配置以及过程中所遇到的问题，今天来说一下如何为QCustomPlot开启OpenGL硬件加速渲染。 QCustomPlot使用OpenGL改善绘图性能 QCustomPlot采用了诸如自适应采样和文本对象缓存之类的各种技术，从而减少重新绘制所需的时间，在绘制简单的线条图形时，不管是否开启OpenGL硬件加速，对绘制的性能没有太大的影响，只有在绘制大面积的图形或填充复杂图形时，才能体现OpenGL的优势。 下面就让我们进入正题吧，如何在
VS2015+QT5.7实现 基于QGraphic的图形绘制工具
11-08
在主菜单中选择需要创建的图形（矩形，直线，自定义图形），鼠标右键点击可进行删除操作，进行自定义图形创建时需要alt按下的同时，鼠标左键点击选点进行绘制。亦可按住ALT拖动鼠标，改变矩形和直线的绘制。直接鼠标点击选中上述三种图形，可挪动。
QT+QCustomPlot+QCustomPlot绘图工具之数据与图例的选中，曲线的显示与隐藏，放大被框选数据等操作
09-05
QCustomPlot是基于QT的一个图形库，它为开发者提供了丰富的自定义绘图功能，使得在QT应用程序中绘制2D图表变得更加便捷。 在QT应用中，QCustomPlot不仅能够帮助我们创建各种复杂的图表，如折线图、散点图、柱状图等...
qt使用QCustomplot绘制cpu和内存使用率图
09-07
在本文中，我们将深入探讨如何使用Qt框架中的QCustomPlot模块来绘制CPU和内存使用率图表。QCustomPlot是一个强大的2D绘图库，适用于Qt应用程序，它提供了丰富的自定义功能，可以方便地创建出复杂的数据可视化效果。 ...
Qt随手笔记（三）在vs中使用QtCharts画折线图
m0_50990607的博客
02-21 2426
本文配置环境：vs2015+qt5.13.1 注： 在vs中使用QtChart需要在安装时候勾选 1、选取显示窗口 首先在vs中创建一个qt程序，进入ui编辑界面，将widget添加到主界面上 然后将widget进行提升为QChartView 2、配置QtChart环境 包含目录下添加 D:\Qt\Qt5.13.1\5.13.1\msvc2015_64\include\QtCharts 库目录下添加 D:\Qt\Qt5.13.1\5.13.1\msvc2015_64\lib 连接器->输入-&gt
VS2022+qt5.14.2配置qcustomplot2.1.16（坑很多）
qq_42761380的博客
03-07 2313
VS2022+qt5.14.2配置qcustomplot2.1.16（坑很多，和之前版本有些不同）
QCustomPlot篇（一）——使用VS创建部署QCustomPlot
iimchinese的博客
07-12 526
1.下载QCustomPlot，注意是QCustomPlot.tar.gz这个文件，里面包含源码和示例。2.将其中的qcstomplot.h和qcustomplot.cpp添加进项目中;3.QCustomPlot还需要依赖printsupport模块，配置如下：4.在UI界面拉一个widget控件。3.右键选择提升为…；选择全局包含；点击添加；最后点击提升。5.编译运行程序即可。
VS+Qt应用开发-自定义绘图功能
羽士的博客
12-25 4918
VS+Qt应用开发-自定义绘图功能效果展示界面设计代码例程完整代码CMyAdjustPoint.hCMyAdjustPoint.cppCMyChordItem.hCMyChordItem.cppCMyCirItem.hCMyCirItem.cppCMyConCirItem.hCMyConCirItem.cppCMyEllipseItem.hCMyEllipseItem.cppCMyItemBase.hCMyItemBase.cppCMyLineItem.hCMyLineItem.cppCMyPieItem.
qtc++根据数据画柏拉图不使用QCustomPlot 库\Qt Charts模块
06-07
如果不使用QCustomPlot库或Qt Charts模块，我们可以使用Qt自带的绘图类QPainter来实现绘制柏拉图。 以下是一个简单的绘制柏拉图的示例代码： ```cpp void Widget::paintEvent(QPaintEvent *event) { Q_UNUSED(event); QPainter painter(this); // 设置画笔 painter.setPen(QPen(Qt::black, 2)); // 绘制坐标轴 painter.drawLine(QPointF(50, 250), QPointF(450, 250)); painter.drawLine(QPointF(50, 250), QPointF(50, 50)); // 绘制坐标轴上的标记和文字 painter.drawText(QPointF(43, 265), "0"); painter.drawText(QPointF(33, 255), "-"); painter.drawText(QPointF(43, 55), "0"); painter.drawText(QPointF(33, 245), "-"); painter.drawText(QPointF(450, 265), "x"); painter.drawText(QPointF(30, 50), "y"); // 绘制柏拉图数据点 QList<QPointF> points; points << QPointF(100, 200) << QPointF(200, 150) << QPointF(300, 100) << QPointF(400, 50); painter.setPen(QPen(Qt::red, 5)); painter.setBrush(QBrush(Qt::red)); for (int i = 0; i < points.size(); i++) { painter.drawEllipse(points.at(i), 5, 5); } // 绘制柏拉图线段 painter.setPen(QPen(Qt::blue, 2)); for (int i = 0; i < points.size() - 1; i++) { painter.drawLine(points.at(i), points.at(i + 1)); } } ``` 在这个示例中，我们首先在paintEvent()函数中创建了一个QPainter对象，然后设置画笔和画刷，绘制坐标轴和标记文字。接着，我们定义了一个QList<QPointF>对象，用于存储柏拉图的数据点，然后通过for循环绘制每个数据点。最后，我们再次使用for循环，绘制柏拉图的线段。 当我们调用QWidget::update()函数时，paintEvent()函数就会被自动调用，从而完成柏拉图的绘制。 需要注意的是，这个示例只是一个简单的柏拉图绘制示例，实际应用中还需要根据具体需求进行修改和优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值