QCustomPlot绘图类详解（大白话）

置顶 已于 2024-06-20 17:18:08 修改
阅读量4.4k 收藏 61
点赞数 11
分类专栏： Qt学习笔记 文章标签： qt QCustomPlot 大白话
于 2023-09-14 20:17:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ll_gg_tt/article/details/132888055
版权

本文假定你会使用Qt开发，但未接触过QCustomPlot绘图类或者是刚接触。

如何往Qt中引入QCustomPlot

  1. 首先，去官网下载最新版本的源码，注意是QCustomPlot.tar.gz这个文件，里面包含源码和示例。实际上，我们只需要qcustomplot.h和qcustomplot.h这两个源文件。
    官网下载
  2. 将代码文件拷贝到本地工程，并引入。
    引入源文件
    QCustomPlot需要依赖printsupport模块，如果你是使用QT+VS开发，配置如下：
    Qt+Vs
    如果是Qt Create开发，在.pro文件中添加：QT += QWidget printsupport。
  3. 在Qt中新建ui文件，拖拽一个QWidget控件，将其提升为QCustomPlot。
    在这里插入图片描述

QCustomPlot常用函数

// 设置背景色
ui.plotWidget->setBackground(QBrush(QColor("#404040")));

// 设置X/Y轴的标签
ui.plotWidget->xAxis->setLabel(QStringLiteral("次数"));

// 设置X/Y轴标签字体
ui.plotWidget->xAxis->setLabelFont(plotFont);

// 设置X/Y轴标签颜色
ui.plotWidget->xAxis->setLabelColor(QColor(Qt::red));

// 设置x=0或y=0所在直线的画笔
ui.plotWidget->xAxis->grid()->setZeroLinePen(QPen(QColor(Qt::yellow)));

// 设置X/Y轴刻度范围
ui.plotWidget->xAxis->setRange(1, PT_CNT);

// 设置X/Y轴刻度数，也就是分为几段
ui.plotWidget->xAxis->ticker()->setTickCount(8);

// 设置X/Y轴刻度值文本的颜色
ui.plotWidget->xAxis->setTickLabelColor(QColor(Qt::green));

// 设置X/Y轴轴线的画笔
ui.plotWidget->xAxis->setBasePen(QPen(QColor(Qt::white), 2, Qt::SolidLine));

// 设置X/Y轴大刻度的画笔，被分段的位置
ui.plotWidget->xAxis->setTickPen(QPen(QColor("#ff00ff")));

// 设置X/Y轴小刻度的画笔
ui.plotWidget->xAxis->setSubTickPen(QPen(QColor("#00ffff")));

// 设置内部网格线的画笔
ui.plotWidget->xAxis->grid()->setPen(QPen(QColor(Qt::darkRed), 1, Qt::DotLine));

// 添加一个图层
ui.plotWidget->addGraph();

// 为对应图层添加数据
ui.plotWidget->graph(0)->addData(keys, values);

// 为图层设置画笔
ui.plotWidget->graph(0)->setPen(QColor(Qt::blue));

// 设置是/否抗锯齿
ui.plotWidget->graph(0)->setAntialiasedFill(true);

// 刷新绘图，更改数据后需手动刷新（缩放会自动刷新）
ui.plotWidget->replot();

// 支持拖拽和缩放
ui.plotWidget->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);

绘制直方图

更改QCustomPlot相关属性，这里以颜色修改为主（稍有点乱哈），创建距离-测距次数的直方图。
在这里插入图片描述
相关代码如下：

void PlotTest::InitForm()
{
    ui.plotWidget->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);

    ui.plotWidget->setBackground(QBrush(QColor("#404040")));
    ui.plotWidget->xAxis->setLabel(QStringLiteral("次数"));
    ui.plotWidget->yAxis->setLabel(QStringLiteral("距离（cm）"));

    QFont plotFont = font();
    plotFont.setPointSizeF(10.0);

	//设置轴标签字体和颜色
    ui.plotWidget->xAxis->setLabelFont(plotFont);
    ui.plotWidget->yAxis->setLabelFont(plotFont);
    ui.plotWidget->xAxis->setLabelColor(QColor(Qt::red));
    ui.plotWidget->yAxis->setLabelColor(QColor(Qt::red));

	//设置网格线的零线颜色
    ui.plotWidget->xAxis->grid()->setZeroLinePen(QPen(QColor(Qt::yellow)));
    ui.plotWidget->yAxis->grid()->setZeroLinePen(QPen(QColor(Qt::yellow)));
	
	//设置轴的范围和刻度数量
    ui.plotWidget->xAxis->setRange(1, PT_CNT);
    ui.plotWidget->yAxis->setRange(-10, 90);
    ui.plotWidget->xAxis->ticker()->setTickCount(8);
    ui.plotWidget->yAxis->ticker()->setTickCount(8);
    
	//设置刻度标签颜色和基线颜色及样式
    ui.plotWidget->xAxis->setTickLabelColor(QColor(Qt::green));
    ui.plotWidget->yAxis->setTickLabelColor(QColor(Qt::green));
    ui.plotWidget->xAxis->setBasePen(QPen(QColor(Qt::white), 2, Qt::SolidLine));
    ui.plotWidget->yAxis->setBasePen(QPen(QColor(Qt::white), 2, Qt::SolidLine));
    ui.plotWidget->xAxis->setTickPen(QPen(QColor("#ff00ff")));
    ui.plotWidget->yAxis->setTickPen(QPen(QColor("#ff00ff")));
    ui.plotWidget->xAxis->setSubTickPen(QPen(QColor("#00ffff")));
    ui.plotWidget->yAxis->setSubTickPen(QPen(QColor("#00ffff")));
    ui.plotWidget->xAxis->grid()->setPen(QPen(QColor(Qt::darkRed), 1, Qt::DotLine));
    ui.plotWidget->yAxis->grid()->setPen(QPen(QColor(Qt::darkGreen), 1, Qt::DotLine));

    QVector<double> keys, values;
    for (int i = 1; i <= PT_CNT; i++)
    {
        keys.push_back(i);
        values.push_back(rand() % 100 - 10);
    }
    ui.plotWidget->addGraph();
    ui.plotWidget->graph(0)->addData(keys, values);
    ui.plotWidget->graph(0)->setPen(QColor(Qt::blue));
    ui.plotWidget->graph(0)->setAntialiasedFill(true);
    ui.plotWidget->replot();
}

刷新直方图

刷新直方图比较简单，刷新指定图层的数据即可。有2种方式：

  • 更换数据
ui.plotWidget->graph(0)->data()->clear(); // 清楚图层对应的数据
ui.plotWidget->graph(0)->addData(keys, values); // 添加新的数据
  • 更换图层
ui.plotWidget->clearGraphs(); // 删除图层（单个或所有）
ui.plotWidget->addGraph(); // 新建图层
ui.plotWidget->graph(0)->addData(keys, values); // 添加新数据

注：两种方式会适用于不同的场景下。
请添加图片描述

绘制连续的直方图

连续直方图可以理解为：不断往图层里添加数据。需要注意的是，每次添加数据都需要更新刻度范围。代码如下：

void PlotTest::DrawContinueGraph()
{
    QVector<double> keys, values;

    for (int i = 1; i <= PT_CNT; i++)
    {
        keys.push_back(mRefreshCnt * PT_CNT + i);
        values.push_back(rand() % 100 + 1);
    }

    ui.plotWidget->graph(0)->addData(keys, values);
    ui.plotWidget->xAxis->setRange(1, PT_CNT * (mRefreshCnt + 1));
    ui.plotWidget->graph(0)->setAntialiasedFill(true);
    ui.plotWidget->replot();

    mRefreshCnt++;
}

请添加图片描述

完整代码

// PlotTest.h文件
#pragma once

#include <QtWidgets/QWidget>
#include "ui_PlotTest.h"

class PlotTest : public QWidget
{
    Q_OBJECT

public:
    PlotTest(QWidget *parent = nullptr);
    ~PlotTest();

public:
    void InitForm();            // 初始化控件
    void DrawStaticGraph();     // 绘制静态图
    void DrawDynamicGraph();    // 绘制动态图（单图刷新）
    void DrawContinueGraph();   // 绘制连续图（多图刷新）
    
public slots:
    void on_btnDynamicDraw_clicked();
    void on_btnContinueDraw_clicked();

private:
    Ui::PlotTestClass ui;
    int mRefreshCnt; // 连续刷新次数
};

// PlotTest.cpp文件
#include "PlotTest.h"
#include "CustomPlot\qcustomplot.h"

#define PT_CNT       200    // 点数
#define GRAPH_CNT    5      // 图数

PlotTest::PlotTest(QWidget *parent)
    : QWidget(parent)
{
    ui.setupUi(this);

    InitForm();
    mRefreshCnt = 1;
}

PlotTest::~PlotTest()
{

}

void PlotTest::on_btnDynamicDraw_clicked()
{
    ui.btnDynamicDraw->setEnabled(false);
    ui.btnContinueDraw->setEnabled(false);
    mRefreshCnt = 1;

    for (int i = 0; i < 10; i++)
    {
        DrawDynamicGraph();
        Sleep(500);
    }

    ui.btnDynamicDraw->setEnabled(true);
    ui.btnContinueDraw->setEnabled(true);
}

void PlotTest::on_btnContinueDraw_clicked()
{
    ui.btnDynamicDraw->setEnabled(false);
    ui.btnContinueDraw->setEnabled(false);
    mRefreshCnt = 0;
    ui.plotWidget->graph(0)->data()->clear();
    ui.plotWidget->xAxis->setRange(1, PT_CNT);

    for (int i = 0; i < 10; i++)
    {
        DrawContinueGraph();
        Sleep(500);
    }

    ui.btnDynamicDraw->setEnabled(true);
    ui.btnContinueDraw->setEnabled(true);
}

void PlotTest::InitForm()
{
    ui.plotWidget->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);

#if 0
    ui.plotWidget->setBackground(QBrush(QColor("#404040")));
    ui.plotWidget->xAxis->setLabel(QStringLiteral("次数"));
    ui.plotWidget->yAxis->setLabel(QStringLiteral("距离（cm）"));

    QFont plotFont = font();
    plotFont.setPointSizeF(10.0);

    ui.plotWidget->xAxis->setLabelFont(plotFont);
    ui.plotWidget->yAxis->setLabelFont(plotFont);
    ui.plotWidget->xAxis->setLabelColor(QColor(Qt::red));
    ui.plotWidget->yAxis->setLabelColor(QColor(Qt::red));
    ui.plotWidget->xAxis->grid()->setZeroLinePen(QPen(QColor(Qt::yellow)));
    ui.plotWidget->yAxis->grid()->setZeroLinePen(QPen(QColor(Qt::yellow)));
    ui.plotWidget->xAxis->setRange(1, PT_CNT);
    ui.plotWidget->yAxis->setRange(-10, 90);
    ui.plotWidget->xAxis->ticker()->setTickCount(8);
    ui.plotWidget->yAxis->ticker()->setTickCount(8);
    ui.plotWidget->xAxis->setTickLabelColor(QColor(Qt::green));
    ui.plotWidget->yAxis->setTickLabelColor(QColor(Qt::green));
    ui.plotWidget->xAxis->setBasePen(QPen(QColor(Qt::white), 2, Qt::SolidLine));
    ui.plotWidget->yAxis->setBasePen(QPen(QColor(Qt::white), 2, Qt::SolidLine));
    ui.plotWidget->xAxis->setTickPen(QPen(QColor("#ff00ff")));
    ui.plotWidget->yAxis->setTickPen(QPen(QColor("#ff00ff")));
    ui.plotWidget->xAxis->setSubTickPen(QPen(QColor("#00ffff")));
    ui.plotWidget->yAxis->setSubTickPen(QPen(QColor("#00ffff")));
    ui.plotWidget->xAxis->grid()->setPen(QPen(QColor(Qt::darkRed), 1, Qt::DotLine));
    ui.plotWidget->yAxis->grid()->setPen(QPen(QColor(Qt::darkGreen), 1, Qt::DotLine));

    QVector<double> keys, values;
    for (int i = 1; i <= PT_CNT; i++)
    {
        keys.push_back(i);
        values.push_back(rand() % 100 - 10);
    }
    ui.plotWidget->addGraph();
    ui.plotWidget->graph(0)->addData(keys, values);
    ui.plotWidget->graph(0)->setPen(QColor(Qt::blue));
    ui.plotWidget->graph(0)->setAntialiasedFill(true);
    ui.plotWidget->replot();
#else
    ui.plotWidget->xAxis->setLabel(QStringLiteral("次数"));
    ui.plotWidget->yAxis->setLabel(QStringLiteral("距离（cm）"));
    ui.plotWidget->xAxis->setRange(1, PT_CNT);
    ui.plotWidget->yAxis->setRange(1, 100);
    ui.plotWidget->xAxis->ticker()->setTickCount(8);
    ui.plotWidget->yAxis->ticker()->setTickCount(8);

    DrawStaticGraph();

#endif
}

void PlotTest::DrawStaticGraph()
{
    QVector<double> keys, values;
    for (int i = 1; i <= PT_CNT; i++)
    {
        keys.push_back(i);
        values.push_back(rand() % 100 + 1);
    }

    ui.plotWidget->addGraph();
    ui.plotWidget->graph(0)->addData(keys, values);
    ui.plotWidget->graph(0)->setPen(QColor(Qt::blue));
    ui.plotWidget->graph(0)->setAntialiasedFill(true);
    ui.plotWidget->replot();
}

void PlotTest::DrawDynamicGraph()
{
    ui.plotWidget->clearGraphs();
    QVector<double> keys, values;
    for (int i = 1; i <= PT_CNT; i++)
    {
        keys.push_back(i);
        values.push_back(rand() % 100 + 1);
    }

    ui.plotWidget->addGraph();
    ui.plotWidget->graph(0)->addData(keys, values);
    ui.plotWidget->xAxis->setRange(1, PT_CNT);
    ui.plotWidget->graph(0)->setAntialiasedFill(true);
    ui.plotWidget->replot();
}

void PlotTest::DrawContinueGraph()
{
    QVector<double> keys, values;

    for (int i = 1; i <= PT_CNT; i++)
    {
        keys.push_back(mRefreshCnt * PT_CNT + i);
        values.push_back(rand() % 100 + 1);
    }

    ui.plotWidget->graph(0)->addData(keys, values);
    ui.plotWidget->xAxis->setRange(1, PT_CNT * (mRefreshCnt + 1));
    ui.plotWidget->graph(0)->setAntialiasedFill(true);
    ui.plotWidget->replot();

    mRefreshCnt++;
}
ll_gg_tt
关注
  • 11
    点赞
  • 踩
  • 61
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
QCustomPlot（画图UI组件）
04-05
QCustomPlot是一个小型的qt画图标类，效果可以，易用，只需要在项目中加入头文件qcustomplot.h和qcustomplot.cpp文件，然后使一个widget提升为QCustomPlot类，即可使用。
Qt qcustomplot第三方绘图工具绘制简单频谱图
02-22
Qt qcustomplot第三方绘图工具绘制简单频谱图
QCustomPlot的了解
最新发布
weixin_51883798的博客
05-15 970
如果outside>0，刻度label和轴label将相应地增加到轴的距离，outside是它们到达plot外的长度。inside是子刻度将到达的图表内的长度。以像素为单位设置子刻度的长度。这样它们就不会和ticks相撞。
Qt-QCustomplot画静态、动态曲线教程图解 - 左霖风的博客 - CSDN博客1
08-03
1. 建立Qt工程，将下载的QCustomPlot源码中的qcustomplot.h和qcustomplot.cpp文件复制到项目所在文件夹，如图 2. QtC
Qt图形图像开发之曲线图模块QCustomplot库生成静态、动态曲线详细教程图解
08-19
主要介绍了Qt图形图像开发之曲线图模块QCustomplot库画静态、动态曲线详细教程图解,需要的朋友可以参考下
大白话SVM算法课程
06-15
以通俗简介的方式，从浅入深介绍SVM原理和代码流程 让你从此不再惧怕SVM 视频部分： 01_SVM之回顾梯度下降原理02_SVM之回顾有约束的最优化问题03_SVM之回顾有约束的最优化问题-KKT几何解释04_SVM之回顾有约束的最优化问题-KKT数学解释05_SVM之回顾距离公式和感知器模型06_SVM之感知器到SVM的引入07_SVM之线性可分时损失函数的表示08_SVM之线性可分时损失函数的求解-对w,b变量求偏导09_SVM之线性可分时损失函数的求解-对β变量求解.10_SVM之线性可分时算法整体流程11_SVM之线性可分时案例12_SVM之线性不可分时软间隔介绍13_SVM之线性不可分时软间隔优化目标14_SVM之线性不可分时软间隔算法整体流程15_SVM之线性不可分时数据映射高维解决不可分问题16_SVM之线性不可分时核函数引入17_SVM之线性不可分时核函数讲解18_SVM代码之线性可分时和Logistic回归比较19_SVM代码之基于鸢尾花数据多分类参数解释20_SVM代码之基于鸢尾花数据网格搜索选择参数21_SVM代码之不同分类器，核函数，C值的可视化比较2
QCustomPlot使用
热门推荐
pzs0221的专栏
06-27 2万+
一、官网下载 QCustomPlot官网下载 从官网下载 qcustomplot.h 和 qcustomplot.cpp 二、加入工程 通过添加现有文件将 qcustomplot.h、qcustomplot.cpp加入工程，并在pro文件中加入printsupport 三、使用
QCustomplot
weixin_53090658的博客
09-05 3345
QCustomplot
学习QCustomPlot【1】QCustomPlot介绍
贝勒里恩的博客
03-28 1万+
一、QCustomPlot介绍 1、QCustomPlot是一个用于绘图和数据可视化的Qt C++构件。 它没有进一步的依赖关系，并有很好的文档记录。 该绘图库专注于制作美观，出版品质的2D图表，图表和图表，以及为实时可视化应用程序提供高性能。 QCustomPlot可以导出为各种格式，如矢量化的PDF文件和光栅化图像，如PNG，JPG和BMP。 QCustomPlot是在应用程序内部显示实时数据...
Qt之QCustomPlot（图形库）
weixin_33858249的博客
07-19 2545
简述 QCustomPlot是一个基于Qt C++的图形库，用于绘制和数据可视化 - 制作漂亮的2D图 - 曲线图、趋势图、坐标图、柱状图等，并为实时可视化应用程序提供高性能服务。它没有进一步的依赖关系，并有着良好的文档记录。 QCustomPlot可以导出为各种格式，比如：PDF文件和位图（如：PNG、JPG、BMP）。 可在自...
qt QCustomPlot学习
baidu_16370559的博客
02-24 6915
QCustomPlot 是一个基于Qt的画图和数据可视化C++控件。QCustomPlot 致力于提供美观的界面，高质量的2D画图、图画和图表，同时为实时数据可视化应用提供良好的解决方案。该绘图库专注于制作美观、出版物质量高的2D绘图、图形和图表，并为实时可视化应用程序提供高性能。
Java类加载深度剖析-大白话
07-07
Java类加载深度剖析，研究实践的demo
大白话讲解JavaScript的Promise
10-20
主要介绍了大白话讲解JavaScript的Promise，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
大白话领域驱动设计DDD视频教程
01-21
视频详细讲解，需要的小伙伴自行网盘下载，链接见附件，永久有效。 第1章 初步了解DDD 课程介绍 抛开杂念，看看传统三层CRUD编程方式 DDD领域驱动设计到底是什么？ DDD和传统三层优劣势比较 DDD在国内现象是个什么...
大白话GBDT算法-通俗理解GBDT原理
06-21
本课程分为4个模块。 第一个模块通过预测年龄的直观案例理解GBDT算法流程。 第二个模块通过GBDT的三要素：GB(梯度提升)，DT(回归树)和Shrinkage(缩减)理解GBDT的算法核心。 第三个模块通过剖析分类和回归损失函数来...
Qt--QCustomPlot
天道酬勤
04-20 1万+
一、基础知识 1、QT绘图有QWT和QCustomPlot，QWT比较麻烦一些，相比来说QCustomPlot简单易用。    二、QCustomPlot介绍 1、QCustomPlot是一个用于绘图和数据可视化的Qt C++构件。 它没有进一步的依赖关系，并有很好的文档记录。 该绘图库专注于制作美观，出版品质的2D图表，图表和图表，以及为实时可视化应用程序提供高性能。 查看“设置”和“基...
QCustomplot - 6.QCustomplot详解
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
03-30 7662
一.QCustomplot 这个类是此库的核心类，所有的一切操作都会在这上面运行。 二.常用的接口 1.设置背景图片 void setBackground (const QPixmap &pm) 2.添加图层、删除图层、清空graphs并释放资源 QCPGraph *addGraph(QCPAxis *keyAxis=nullptr, QCPAxis *valueAxis=nullptr) bool removeGraph (QCPGraph *graph) int clearG
【QCustomPlot】使用方法（源码方式）
m0_37803477的博客
06-18 694
本篇介绍 QCustomPlot 的一种使用方法，通过包含源码的方式进行使用，这也是最常用的方法，示例中使用的 QCustomPlot 版本为。提供的方法绘制函数曲线图、参数曲线图、柱状图、箱线图、热力图等，详见帮助文档，或本人同系列博客。是 Qt Creator 生成的默认 UI 文件，界面中只多了一个提升后的。由于 QCustomPlot 具有导出 PDF 的功能，使用到了。工程文件中添加这一模块，如下所示，注意前面的版本条件。，注意大小写要完全一致，然后点击。在弹出的对话框中，先在。
大白话xgboost
09-04
XGBoost（eXtreme Gradient Boosting）是一种非常流行的机器学习算法，它是一种梯度提升树模型。它的设计目标是提高其前身GBDT（Gradient Boosting Decision Tree）算法的性能和鲁棒性。 XGBoost使用的是一种特殊的决策树模型，称为CART（Classification and Regression Trees）。与传统的决策树不同，CART决策树在每个节点上进行分裂时，会使用一种称为泰勒展开的方法，来近似地找到最优分裂点。通过这种方法，XGBoost能够更精确地构建决策树模型，并提高预测的准确性。 XGBoost还通过引入正则化技术，如L1和L2正则化，来避免模型过拟合。正则化可以限制模型的复杂性，提高模型的泛化能力，并使得模型对噪音数据不敏感。 在训练过程中，XGBoost使用梯度提升算法，该算法通过迭代地训练多个决策树，并使用梯度下降法来优化模型的损失函数。在每一轮迭代中，XGBoost会根据之前模型的预测结果和真实标签之间的误差，调整每个样本的权重，并生成一个新的决策树。通过这种迭代优化的方式，XGBoost能够逐步提升模型的准确性。 此外，XGBoost还具备优化性能的功能。它使用一种称为并行化的技术，通过同时在多个处理器上训练多个决策树，来加快训练速度。另外，XGBoost还支持特征重要性评估，可以通过计算每个特征对模型的贡献度来帮助我们理解数据的特征重要性。 总之，XGBoost是一种非常强大的机器学习算法，它通过使用特殊的决策树模型、正则化技术、梯度提升算法和优化性能等方法，提高了模型的预测准确性和鲁棒性。它在很多数据竞赛和实际应用中都取得了出色的结果。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值