pyqtgraph基础入门（四）：绘制动态折线图

假设现在已经可以绘制简单的一张图。

如果不知道怎么达到这个状态的话，可以参考：
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中