QCustomPlot

已于 2024-07-30 16:43:28 修改
阅读量908 收藏 18
点赞数 11
文章标签： qt
于 2024-07-29 20:19:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ahhxxttxs/article/details/140776658
版权

QCustomPlot

目录

配置与使用

配置比较简单，只需在官网下载相应的.h文件和.cpp文件，然后在需要使用的文件中包括头文件即可，链接如下：
https://www.qcustomplot.com/index.php/download
在这里插入图片描述
我下载了上图的那个链接，包含了源码、文档和示例。
随后，在Qt项目中添加QCustomPlot的.h文件和.cpp文件。在ui界面上新建一个widget，将其提升为QCustomplot，接下来就可以用这个提升后的widget画图了。
右键单击widget，我这里是提升过后的效果。
在这里插入图片描述
按照下图所示顺序进行类型提升。
在这里插入图片描述

基本概念：

在这里插入图片描述

假设Qt界面中一个QWidget界面已经被提升为QCustomPlot，定义如下：QCustomPlot *customplot;上面整个图就是这个customplot，它是整个ui的一部分，用ui.customplot调用。

graph

  • 在同一个x-y坐标下(一个坐标对应一个QCustomplot窗口)可以画出多个graph，每个图可以用ui.customplot->graph(0),ui.customplot->graph(1),ui.customplo->graph(2)…表示，其编号和数组一样，从0开始。
  • 对于graph的相关操作：
ui.customplot->addGraph();//添加一个graph
ui.customplot->graphCount();//统计当前的显示窗口中有多少个graph
ui.customplot->graph(0)->addData();//顾名思意
ui.customplot->graph(0)->setLineStyle();//可设置graph线条样式，是实线还是虚线,也可以通过pen设置
ui.customplot->graph(0)->setPen();//通过一个QPen类设置更加丰富的样式
ui.customplot->graph(0)->setName();//顾名思意
ui.customplot->graph(0)->setScatterStyle();//设置折线图点的样式
ui.customplot->removeGraph();

xAxis

ui.customplot对应的x轴。图的上方的轴对应的是xAxis2，图的下方对应的是xAxis。常用API如下：

ui.customplot->xAxis->setVisible(); //坐标轴是否可见
ui.customplot->xAxis->setTicks();  // 刻度是否设置,参数是一个QCPAxisTickerDateTime指针
ui.customplot->xAxis->setTickLabels(); // 轴标签是否设置
ui.customplot->xAxis->setRange();//设置坐标显示范围（注意不是数据的范围），因为customplot可以只显示部分数据，通过滚动条查看其它部分的数据。
ui.customplot->rescaleAxes();//自动调整坐标轴的比例，显示全部数据。这会使setRange()失效。

yAxis

与xAxis相似，其右边的轴对应的是yAxis2，左边的轴对应的是yAxis。

ticker(刻度)

用来设置标轴上的刻度，使用方法如下代码所示：

QSharedPointer< QCPAxisTickerDateTime > dataTick(new QCPAxisTickerDateTime);
dataTick->setTickCount(5); // 设置刻度数量为5，可以根据需要自行调整
dataTick->setTickStepStrategy(QCPAxisTicker::tssMeetTickCount); // 设置刻度步长策略为满足刻度数量
ui.customplot->xAxis->setTicker(dataTick);

从上图中也可看出x轴上有五个数字刻度。

customplot

对于QCustomPlot *customplot;，customplot就是一整个统计图（可以是其它类型的图）显示窗口，统计图内可以有多条统计折线（可以是其它类型的线），每个线是一个graph。常用方法如下：

ui.customplot->addGraph();//添加一个graph
ui.customplot->graphCount();//统计当前的显示窗口中有多少个graph
ui.customplot->removeGraph();

ui.customplot->plot();//画图，显示所有的graph
ui.customplot->replot();//重新画图，如果图中某些元素改变了的话，用这个方法进行更新。

decorator(装饰器)

设置用户和图交互的样式。当前还没咋用到，只用过一次。在QCP::iSelectPlottables交互模式下，点击某个graph后，整个线条都会变色。但有时我不希望有这种效果，这时可以用以下代码取消：

QCPSelectionDecorator* decorator0 = ui.widget_dispalyCoordinate->graph(0)->selectionDecorator();
// 设置选中装饰的笔为图形的原始笔，取消选中时的颜色变化效果
decorator0->setPen(ui.customplot->graph(0)->pen());

pen

设置连线的样式。例如线条的颜色、宽度等。

QPen pen = QPen(QColor(128, 128, 128));
pen.setStyle(Qt::PenStyle::DotLine);//虚线
pen.setWidth(3);
ui.customplot->graph(0)->setPen(pen);

ScatterStyle

QCustomPlot常用来画折线图。这个用来设置点的样式。

ui.customplot->graph(0)->setScatterStyle(QCPScatterStyle::ssDisc);//参数是点样式的枚举类型

设置显示的优先级

当多个graph存在重叠时，可以设置显示优先级来确定哪些优先显示，哪些被覆盖。

//设置显示的优先级
ui.customplot->graph(0)->setLayer("overlay"); // 第一个图形在 "overlay" 层，优先显示
ui.customplot->graph(1)->setLayer("underlay"); // 第二个图形在 "underlay" 层
ui.customplot->addLayer("overlay", ui.customplot->layer("main"), QCustomPlot::limAbove);
ui.customplot->addLayer("underlay", ui.customplot->layer("main"), QCustomPlot::limBelow);

Interactions

QCustomPlot本身默认可以让用户和图进行一定的交互，例如通过滚轮进行放大，通过鼠标左键进行拖拽等，这里主要讨论如何进行自定义交互样式。

通过ui.customplot->setInteractions(QCP::iSelectPlottables | QCP::iMultiSelect | QCP::iRangeZoom);可以设置交互样式。

  • QCP::iSelectPlottables意味着可以选中customplot中的组件，如graphs，curves，bars等，前面也说过，选中后有变色效果。
  • QCP::iMultiSelect意味着可以对组件进行多选。
  • QCP::iRangeZoom意味着可以对通过鼠标滚轮进行缩放。

还有其它的样式，详情见文档。

通过ui.customplot->setSelectionRectMode(QCP::srmSelect);可以设置选择时的样式，通过枚举类QCP::SelectionRectMode可以设置四种选择样式，如下所示：

在这里插入图片描述

我在自己的项目中使用的是srmSelect，拖动鼠标可以获取一个矩形选择框。

通过ui.customplot->graph(0)->setSelectable()可以针对每个graph设置相应的选择效果，如下图所示：

在这里插入图片描述

legend

这个暂时没咋用到，后面更新

和滚动条的交互

有时候数据范围过大，可能需要添加滚动条来查看其它区域。假设这里只设置水平的滚动条horizontalScrollBar，首先设置数据范围ui->horizontalScrollBar->setRange(int min, int max)，这个函数是从QAbstractSlider继承来的。这里的min和max是滚动条的最小值和最大值，滚动条的值指的是滚动条左端在整个range中的位置。如下图所示：

在这里插入图片描述

为了方便，这里可以将min和max设置为要显示的数据的最小值和最大值。

然后通过信号和槽机制来控制滚动条和ui.customplot的响应。connect函数可以按照如下方式写：

connect(ui.horizontalScrollBar, SIGNAL(valueChanged(int)), this, SLOT(horzScrollBarChanged(int)));滚动条滚动时，其左端位置发生变化，发出valueChanged信号。valueChanged()函数的参数是整型的value(即滚动条的值)，槽函数也用这个value来确定ui.customplot显示哪部分的数据。槽函数可以按照如下方式写：

void horzScrollBarChanged(int value)
{
  if (qAbs(ui.customplot->xAxis->range().center()-value) > 0.01) // if user is dragging plot, we don't want to replot twice
  {
    ui->plot->xAxis->setRange(value ui.customplot->xAxis->range().size(), Qt::AlignCenter);
    ui->plot->replot();
  }
}

PS: if user is dragging plot, we don’t want to replot twice，代码中的这个注释来自官方文档，实际上我也没看懂。

到这里就完成了滚动条和customplot的关联。

graphDataContainer(图数据容器）

我用其进行数据的复制。代码如下所示：

QSharedPointer<QCPGraphDataContainer> modify_data = ui.customplot->graph(0)->data();
//深度复制
QSharedPointer<QCPGraphDataContainer> copiedData(new QCPGraphDataContainer);
for (auto it = ui.customplot->graph(0)->data()->constBegin(); it != ui.customplot->graph(0)->data()->constEnd(); ++it)
{
    copiedData->add(*it); // 添加数据点到新的容器
}
ui.customplot->graph(1)->setData(copiedData);

图中添加文字说明

通过QCPItemText类在customplot中添加文本，并设置文本的属性。

QCPItemText* textLabel = new QCPItemText(ui.cutPlotWidget);    

// 设置文本标注的位置
textLabel->position->setType(QCPItemPosition::ptPlotCoords);
textLabel->position->setCoords((xData[0] + xData[xData.size() - 1]) / 2, (y_min + y_max)); // 在图表坐标左上角位置添加文字
QString text = QString("Distance is %1").arg(pickedDistance);
textLabel->setText(text);
textLabel->setFont(QFont("Arial", 12)); // 设置字体
textLabel->setColor(Qt::black); // 设置文字颜色

// 可选：设置文本标注的边框和填充颜色
textLabel->setBrush(QBrush(Qt::yellow)); // 填充颜色

QCPItemPosition枚举类用来指定项目定义的位置，总共有四种枚举项，相关注释可见下图：

在这里插入图片描述

挖坑：后面会再展示几个demo代码进行进一步的说明。

江湖夜雨abc
关注
QCustomPlot示例
04-01
QCustomPlot示例
Qt之QCustomPlot（图形库）
weixin_33858249的博客
07-19 2684
简述 QCustomPlot是一个基于Qt C++的图形库，用于绘制和数据可视化 - 制作漂亮的2D图 - 曲线图、趋势图、坐标图、柱状图等，并为实时可视化应用程序提供高性能服务。它没有进一步的依赖关系，并有着良好的文档记录。 QCustomPlot可以导出为各种格式，比如：PDF文件和位图（如：PNG、JPG、BMP）。 可在自...
QCustomPlot使用技巧
最新发布
weixin_59923145的博客
08-02 263
QCustomPlot开发笔记（二）：QCustomPlot用户交互、元素项以及特殊用法-阿里云开发者社区
QCustomPlot常用操作
huangdenan的博客
03-17 391
QCustomPlot获取当前窗口X坐标轴最大最小值 double left = ui->widget_time->xAxis->range().upper; double right = ui->widget_time->xAxis->range().lower;
qcustomplot
Littlehero_121的博客
10-09 530
注意：qcustomplot的画图中需要进行配置，以及更新两大步 一、首先是在基本的配置，这个主要是在构造函数中实现重新进行更新图形 Graph_Show(ui->qcustomplot); 二、实现的是配置完了，需要在定时器中进行设置 //重新更新，进行画图 UpdateGraph(ui->qcustomplot); 三、以上主要两步完成就是全部的...
QCustomplot
weixin_53090658的博客
09-05 3817
QCustomplot
QCustomPlot源文件、使用QCustomPlot绘制的demo、使用QChart绘制的demo
01-16
在本文中，我们将深入探讨如何使用Qt库中的两个组件，QCustomPlot和QChart，来创建各种图形。QCustomPlot是一个强大的2D图形库，专为Qt设计，提供了丰富的自定义选项，而QChart是Qt Charts模块的一部分，用于创建更...
Qt6 QCustomPlot 兼容头文件
06-30
`qcustomplot.h`是QCustomPlot库的核心头文件，包含了所有与QCustomPlot相关的类和函数声明。 首先，为了在Qt6项目中使用QCustomPlot，你需要确保已经下载并安装了QCustomPlot库。通常，这会包含`qcustomplot.h`和...
QcustomPlot
10-31
QcustomePlot是qt中画曲线图的一个库，可以方便的画出想要的曲线坐标图
qcustomplot多坐标系
07-19
在Qt开发中，QCustomPlot是一个非常强大的2D图形库，它允许开发者创建自定义的、复杂的图表。本文将深入探讨如何在QCustomPlot中实现多坐标系功能，并且讲解如何动态添加坐标系以及共享X轴，同时还会提及双击事件来...
QCustomPlot 标记点和文本标签
akjw008的专栏
09-08 7439
标记点 1、含义：指向QCPGraph的数据点的Item  2、new一个新的标记点 m_sameTimeTracer = new QCPItemTracer(SameTimeCompareCustomPlot); m_sameTimeTracer-&gt;setParent(SameTimeCompareCustomPlot); //设置标记点的父类 m_sameTimeTracer-&g...
QCustomPlot使用
热门推荐
pzs0221的专栏
06-27 2万+
一、官网下载 QCustomPlot官网下载 从官网下载 qcustomplot.h 和 qcustomplot.cpp 二、加入工程 通过添加现有文件将 qcustomplot.h、qcustomplot.cpp加入工程，并在pro文件中加入printsupport 三、使用
QCustomPlot(1)-QCustomPlot
m晴朗的博客
11-01 1156
为此，你可以创建一个 QCPSelectionRect 的子类，进行必要的自定义，然后使用此方法将其设置为 QCustomPlot 实例的选择矩形。一旦用户停止拖动，最后的重新绘制将使用正常的抗锯齿来恢复高质量的图像。这里的QCPAbstractPlottable是所有可绘制对象的基类，所以返回的列表可以包含各种类型的可绘制对象，如线、点或其他图形元素。例如，用户可能在交互式图中选择了某些线或点，然后你可以使用这个函数来获取这些已选择的元素，进而执行一些操作，如修改它们的属性、删除它们或执行其他任务。
Qt开发之QCustomPlot
我智商开挂的博客
12-29 2884
1、下载安装2、添加qcustomplot.h与qcustomplot.cpp将下载文件的与复制到自己的项目文件中，复制完后点击“添加现有文件”，可以在工程中显示3、添加QCustomPlot的帮助文档到QtCreator(可加可不加)在QtCreator中，选择：工具 -> 选项 -> 帮助 -> 文档，你会看到一个加载文档模块的列表，以及添加/删除模块的按钮。点击"添加…"按钮，选择qcustomplot.qch文件。4、静态生成(控件提升)
qt qcustomplot 文本标签
04-24
Qt是一个跨平台的C++应用程序开发框架，它提供了丰富的功能和工具来开发图形用户界面（GUI）应用程序。QCustomPlot是Qt的一个开源库，它提供了一个灵活和易于使用的绘图控件，用于在Qt应用程序中创建各种类型的图表和绘图。 QCustomPlot中的文本标签是用于在图表中添加文字注释或标记的功能。你可以使用文本标签来显示数据点的数值、坐标轴的标签、图表标题等。文本标签可以自定义字体、颜色、位置和对齐方式，以满足不同的需求。 以下是一些关于QCustomPlot文本标签的常见操作： 1. 添加文本标签：使用addText函数可以在图表中添加一个新的文本标签。 2. 设置文本内容：使用setText函数可以设置文本标签的内容。 3. 设置字体和颜色：使用setFont函数可以设置文本标签的字体和颜色。 4. 设置位置和对齐方式：使用setPosition和setTextAlignment函数可以设置文本标签的位置和对齐方式。 5. 移除文本标签：使用removeItem函数可以从图表中移除指定的文本标签。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值