假设现在已经可以绘制简单的一张图。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8d053712f7dd03b7649f9521e33b8766.png)
如果不知道怎么达到这个状态的话,可以参考:
pyqtgraph项目实战(二):使用pyqtgraph绘制简单折线图
现在我们希望实时更新这条曲线。现在采用每50ms更新一次的策略。
方法展示
话不多说,先上代码
import sys
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
from window import Ui_MainWindow
import numpy as np
class MainWidow(QMainWindow, Ui_MainWindow):
def __init__(self):
super(MainWidow, self).__init__()
self.setupUi(self)
self.init()
self.timer = QTimer()
self.timer.timeout.connect(self.update)
self.timer.start(50)
self.data = np.random.normal(size=(10, 1000))
self.ptr = 0
def init(self):
self.plot = self.widget.addPlot()
# self.plot.setYRange(-100, 100)
self.plot.setMouseEnabled(x=False, y=False)
self.plot.showAxes(True,
showValues=(False, False, False, True),
size=20)
self.curve = self.plot.plot(pen='r')
def update(self):
self.curve.setData(self.data[self.ptr % 10])
self.ptr += 1
if __name__ == "__main__":
app = QApplication(sys.argv)
window = MainWidow()
window.show()
sys.exit(app.exec_())
代码解释
简单解释一下各行代码的功能。
self.init()
是初始化图表,把图表相对固定的内容确定下来,如坐标轴的显示情况、是否支持鼠标拖拽等参数都应该在这个方法中进行设置。self.plot.setYRange(-100, 100)
就是固定y轴的显示范围,self.plot.setMouseEnabled(x=False, y=False)
就是禁止鼠标对x,y方向进行拖动,self.plot.showAxes
就是设置显示对应四个方向的坐标轴,例子中只显示了下方的x轴。self.curve = self.plot.plot(pen='r')
则对应地定义了曲线curve。
self.update()
是更新图表中曲线的参数。使用self.curve.setData
来设置参数。
ptr并不重要,只是一个指针。用于方便记录现在展示的是什么数据,这样子动态地在10条数据中切换,便于展示。实际开发中,更多地是直接更新curve的参数数组。
这里也用到了QTimer
这个类。
self.timer = QTimer()
self.timer.timeout.connect(self.update)
self.timer.start(50)
这三行代码的作用就是设置每50ms运行一次self.update,实现曲线的实时更新。更新频率可以自己定义。
绘制效果如下:(截图没有能够展现出动态效果)
还有一个小技巧,如果强迫症介意x方向上的一点点空白,可以使用self.plot.setXRange(10, 990)
来强制避免。如果有其它的好方法可以让它自然填充的话欢迎留言告诉我。
源码文件
https://gitee.com/xixo549845545/pyqtgraph_my_cookbook
本节文件在ch4中