PYQT5+pyqtgraph 2d绘图实时刷新（坐标系跟着曲线一起移动，且可以查看绘制历史）的解决方法

已于 2022-05-11 16:41:34 修改
阅读量3.7k 收藏 34
点赞数 5
文章标签： qt python
于 2022-05-11 16:37:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43398640/article/details/124712452
版权

PYQT5+pyqtgraph 2d绘图实时刷新（坐标系跟着曲线一起移动，且可以查看绘制历史）的解决方法

PYQT5中使用pyqtgraph绘制实时2d曲线图时，希望坐标轴随着曲线一起移动，并可以查看历史绘制的曲线，官方demo有移动坐标轴的案例，但是不可拖动查看历史图像。

效果图

坐标系跟随绘制的线动

一、原理

pyqtgraph中有一个用于定位坐标长度的函数

tdplot.setXRange(0 , 200)

如这个函数，我设置了x轴为0-200.
那么要想实时跟随绘制的曲线，我的解决思路就是实时刷新这个函数到自己想要的数据对应的坐标轴上。

二、代码思路

1.引入变量i来记录每一次更新

每当有新的数据需要绘制时，就令 i 自增1，以此来达到记录数据个数的目的，当然也可以使用len(x)来运算得到。

2.固定坐标轴大小，并实时更新

设置一个需要的坐标长度xrange
我们肯定需要一个固定现实的坐标轴，那么只要使用上面提到的函数即可固定到坐标轴。
代码如下：

if i > xrange:
      tdplot.setXRange(self.i - xrange, self.i)

if语句用于判断从0开始绘制的图像是否超过我们需要的坐标轴长度（图像是否到达最左边），如果超过，则会实时更新坐标轴

3缺点

当然这个方案不会十分完美，缺点就是在绘制时无法移动坐标轴，因为它每次数据更新都会回到当前坐标轴上，我的解决办法是：绘制时失能鼠标控制，当停止绘制时恢复鼠标控制。
代码如下：

tdplot.setMouseEnabled(x=True, y=False) # 启用x轴控制，失能y轴控制
tdplot.setMouseEnabled(x=False, y=False) # 鼠标xy都不能划动

总结

这个方案并不完美，也许您有需要在绘图过程中缩放的需求，我的建议是新增两个按钮来实现缩放功能，所使用的函数还是坐标设置函数，在其中添加一个比例变量即可。
本人技术有限，此方案并非完美，仅作为自己技术参考

荣书记嘎嘎乱杀

升天热可乐
关注
  • 5
    点赞
  • 踩
  • 34
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
PyQt5 pyqtgraph 实时绘制数据
TEDxPY
08-01 2万+
提到 GUI 绘图，大家可能第一反应是 OpenGL 和 Matplotlib，但其实基于 Qt 平台还有个功能强大的 pyqtgraph 绘图库，不仅支持丰富的图形种类，还能实时更新绘图数据并进行交互式操作。 不同于网上其他文章或代码讲解，今天我们集中只关注实时绘制数据功能的实现。为了更精准学习该 pyqtgraph 模块功能，我们将参考官方给出的实例来边学边练。 1. pyqtgraph 简介 1.1 pyqtgraph 特点 关于 pyqtgraph 与 Matplotlib 的对比，大致要点如下：
Python3+PyQt5+QtChart 实现简单的实时更新曲线图
weixin_43618856的博客
11-12 1万+
这里写自定义目录标题QtChart实现Y轴单曲线，X轴实时时间轴前言在这里插入代码片欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UM...
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
01-21
在之前介绍PyQtGraph的文章中，我们都是一次性的获取数据并将其绘制为图形。然而在很多场景中，我们都需要对实时的数据进行图形化展示，比如：股票的实时行情、仪器设备的实时状态等，这时候就需要对数据进行实时的更新和绘制。 今天我们就来介绍一下在PyQtGraph中根据实时数据更新绘制图形。 今天的例子我们通过编写一个电脑CPU实时使用率助手来讲解。 一、通过Python获取实时的CPU信息 在Windows操作系统的电脑上，我们通过“任务管理器”可以很方便地查看到自己电脑CPU实时的使用情况，并且CPU的占用率还会通过一个实时的图形区域显示出来，如下图所示： 通过实时变化的CPU利用率图形，
基于PyQt5的实时曲线绘制和串口调试助手源代码，支持文件保存和加载，包含波形曲线显示和串口参数设定等功能
最新发布
nZtmvucuRN的博客
04-12 336
通过以上介绍，我们可以看到，基于PyQt5实时曲线绘制源代码和串口调试助手源代码具备丰富的功能和灵活的操作方式。串口助手除了收发文本框外，还带有波特率数据位停止位校验位等参数设定，并具备十六进制收发，定时发送，保存到文件等功能。波形绘制程序，除了曲线外，还带有开始停止测量，数据记录和数据加载等功能。用户可以将接收或发送的数据保存到指定的文件中，方便后续的数据分析和处理。用户可以选择以十六进制的方式进行数据的收发，方便进行二进制数据的处理。用户可以将测量到的波形数据保存到文件中，方便后续的数据分析和处理。
pyqtgraph绘制曲线图(3)
little_ox的博客
03-16 3118
pyqtgraph 绘制动态图，并将其加入到窗体中（GUI） 添加需要的库文件 import numpy as np import pyqtgraph as pg import sys from PyQt5.QtWidgets import QApplication, QWidget, QFrame, QGridLayout, QLabel, QVBoxLayout, QPushButton, Q...
Python中使用pyqtgraph绘图库实时绘制计算机CPU使用率等数据曲线
热门推荐
CSDN_Mr_H的博客
08-13 2万+
一、项目需求 获取约30台电脑的CPU使用率、CPU温度、系统盘容量、系统盘使用率、总硬盘使用率、内存使用率、GPU使用率等数据 将1中数据集中用图表的形式集中展示出来 二、设计思路 采用C/S架构（客户端/服务器），客户端负责收集数据并汇总数据到数据库，服务器负责读取数据 使用QTdesigner工具制作GUI界面配合PyQt5使用数据做图展示 使用PyInstaller打包发布 三、代码实现 这里主要记录用收集的数据进行绘图并展示的部分 官方demo效果图及代码 # -*- coding:
使用pyqtgraph模块进行PyQt绘图（1）
qiushangz的博客
07-31 4650
使用pyqtgraph模块进行PyQt绘图（1）pyqtgraph模块简介测试环境模块简介pyqtgraph的核心特点PyQtGraph示例与其他绘图库相比较鼠标交互方式如何使用pyqtgraph pyqtgraph模块简介 测试环境 numpy == 1.16.3 PyQt5 == 5.11.3 pyqtgraph == 0.10.0 模块文档和API参考：http://www.pyqtgrap...
pyqtgraph基础入门（六）：局部改变曲线颜色
Xixoqw的博客
12-18 2753
文章目录方法展示源码展示源码文件 现在假设已经可以绘制一张简单的、静态的折线图： 如果不知道怎么达到这个状态的话，可以参考： pyqtgraph项目实战（二）：使用pyqtgraph绘制折线图（同一坐标轴包含多条折线） 实际上，我们暂时可以只需要一条中间的绿色线作为演示，只需把红色和蓝色曲线去掉即可得到： 我们希望它在40-60的区间内变成红色。 方法展示 实际上，pyqtgraph根本没有直接提供这样的接口。但是有时希望自己的曲线图更加好看、更有重点，或者无情甲方提出要求，就一定要达到曲线颜色不一样的
【pyqt5】连续快速刷新图片各控件比较 QLabel、pyqtgraph.GraphicsView和RawImageWidget
Watson的博客
05-18 2876
QLabel img_src = ... img = QImage(img_src, w_, h_, QImage.Format_BGR888) piximg = QPixmap.fromImage(img) label.setPixmap(piximg) label.show() pyqtgragh的GraphicsView 在qt designer里添加QGraphicsView 右键QGraphicsView提升为… 如下图设置 在编译ui文件后，在生成的py文件最后一行会自动加上fro
XCL-Charts画曲线图(CurveChart)
拙言的专栏
05-10 3497
曲线图与通常的折线图不同的地方是它的线条位置计算有点特别，所以我独立弄了一个类.同样，只需传入数据源给基类， 再加上，你想加的控制，可自动依设置绘出你想要的效果。            代码: //图基类 chart = new CurveChart(); //图所占范围大小 chart.setChartRange(0, 0, this.mScrWidth ,
pyqtgraph可不可以实现曲线实时滚动的功能~
lives_xiaoma的博客
03-25 747
想要实时数据可视化功能，将接受到的流量值实时显示到曲线图中，曲线图实时滚动，横坐标标签为实时时间不停滚动，间隔10s一个坐标轴标签，曲线与坐标轴滚动，曲线图只显示当前40秒。希望效果大概如下： 我做出了一些尝试 曲线图问题现象： 尝试：预设X轴范围，例如0-100，并将X轴设为滚动 问题： 1、X轴设为滚动没有意义，曲线延伸至100之后，X轴不会动 2、曲线延伸至100之后，不能及时更新变化曲线，改变流量值后要等待一会才能跑到变化的曲线位置 尝试：不预设X轴范围，并将X轴设为滚动 问题： 1、会产生曲线堆
PyQt5 QTable插入图片并动态更新的实例
01-20
方式一：图片+文字 row = 0 # 行号 col = 1 # 列号 icon = QTableWidgetItem(QIcon(../image/a.png), Waiting) # 图片+文字 self.tblName.setItem(row, col, icon) # self → Ui_form # 动态刷新，整个方法必须放在主线程内，自启线程无效果 QApplication.processEvents() 示例： 方式二：只有图片的 label = QLabel() label.setAlignment(Qt.AlignCenter) # 水平居中 # 不要使用
使用pyqt5实现的Python-GUI动态作图例子
01-12
使用pyqt5实现的Python-GUI动态作图例子，包含PyQtGraph GraphWidget demo和Matplotlib MatplotlibWidget demo
pyqt5+AI健身+CPU实时检测mediapipe 可视化界面opencv实现人体关键点检测，AI健身计数等功能
05-09
pyqt5+AI健身+mediapipe 可视化界面opencv实现人体关键点检测，AI健身计数等功能。详细：https://blog.csdn.net/qq_34717531/article/details/124670291?spm=1001.2014.3001.5502。使用OpenCV+mediapipe的BlazePose...
pyqt5+yolov5+python
05-28
内容概要：多目标检测+pyqt5+yolov5+python+实现yolov5GUI开发。 适用人群：刚刚接触pyqt5开发以及刚刚接触yolo算法的初学者，想要有现成项目练手的人。 从本项目中能学到什么：pyqt5的开发、如何界面设计与后端逻辑...
PyQt5+yolov5+unet+centernet
08-27
集yolov5、centernet、unet算法的pyqt5界面，可实现图片目标检测和语义分割
pyqt5 Qt Designer + PyqtGraph画图显示动态曲线
LDC，公众号【轻松学编程】
05-26 8841
PyQt5 Qt Designer 使用PyqtGraph画图显示动态曲线 效果图： 导入pyqt5库： pip install PyQt5==5.15.4 -i https://pypi.tuna.tsinghua.edu.cn/simple pip install pyqt5-plugins==5.15.4.2.2 -i https://pypi.tuna.tsinghua.edu.cn/simple pip install PyQt5-Qt5==5.15.2 -i https
PyQtGraph嵌入QWidget中动态绘制曲线（固定横坐标比例，坐标系可拖动查看历史数据）
Telly_的博客
01-20 2216
PyQtGraph嵌入QWidget中动态绘制曲线（固定横坐标比例，坐标系可拖动查看历史数据）
利用pyqt5的pyqtgraph绘制不断更新的数值单条曲线
05-25
要利用PyQt5的PyQtGraph绘制不断更新的数值单条曲线，可以使用QTimer来定时更新曲线数据，并使用plot函数来绘制曲线。下面是一个简单的示例代码： ```python import sys from PyQt5.QtGui import * from PyQt5.QtCore import * from PyQt5.QtWidgets import * import pyqtgraph as pg import random class PlotWindow(QWidget): def __init__(self): super().__init__() self.setWindowTitle('Plot Window') self.setGeometry(100, 100, 800, 600) self.plot = pg.PlotWidget(self) self.plot.setGeometry(50, 50, 700, 500) self.x_data = [] self.y_data = [] self.timer = QTimer() self.timer.timeout.connect(self.update_plot) self.timer.start(1000) # 1秒钟更新一次 def update_plot(self): self.x_data.append(len(self.x_data)) self.y_data.append(random.randint(0, 100)) self.plot.plot(self.x_data, self.y_data, pen='r') if __name__ == '__main__': app = QApplication(sys.argv) window = PlotWindow() window.show() sys.exit(app.exec_()) ``` 在这个示例代码中，我们创建了一个`PlotWindow`类，该类继承自QWidget。在`PlotWindow`的构造函数中，我们创建了一个`PlotWidget`对象，并设置了其大小和位置。我们还创建了两个空列表`x_data`和`y_data`用于存储曲线的数据。 我们使用了QTimer来定时更新曲线数据。在`update_plot`函数中，我们向`x_data`列表中添加一个新的数据点，该数据点的值为当前`x_data`列表的长度。我们还向`y_data`列表中添加一个随机整数。然后，我们使用`plot`函数绘制曲线，将`x_data`和`y_data`作为参数传递给`plot`函数，并指定曲线的颜色为红色。 最后，我们在`main`函数中创建了一个`QApplication`对象和一个`PlotWindow`对象，然后显示窗口并启动应用程序的事件循环。 这样，我们就可以利用PyQt5的PyQtGraph绘制不断更新的数值单条曲线了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值