pyqtgraph基础入门（二）：使用pyqtgraph绘制折线图（同一坐标轴包含多条折线）

文章目录
编写作图方法
源码文件
现在假设已经用qtdesigner绘制了 .ui 文件，ui文件中有提升为pyqtgraph 类型的widget。同时已经拿到了 .ui 文件 转化成的 .py文件，并且已经可以用 main 调用并显示界面。

如果不知道怎么达到这个状态的话，可以参考我的前一篇文章。
pyqtgraph项目实战（一）：使用qtdesignert 提升组件

编写作图方法

可以直接对 GraphicsLayoutWidget 用addPlot 来作图

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.widget.addPlot(title="Basic array plotting",
                            y=np.random.normal(size=100))


if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = MainWidow()
    # form.showFullScreen()
    window.show()
    sys.exit(app.exec_())

效果如下：

相对复杂一点的可以

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)

        p = self.widget.addPlot(title="Basic array plotting")
        p.plot(np.random.normal(size=100), pen=(255, 0, 0), name="Red curve")
        p.plot(np.random.normal(size=110) + 5,
               pen=(0, 255, 0),
               name="Green curve")
        p.plot(np.random.normal(size=120) + 10,
               pen=(0, 0, 255),
               name="Blue curve")


if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = MainWidow()
    # form.showFullScreen()
    window.show()
    sys.exit(app.exec_())

 

这里给刚接触PyQt的同学提一下，p = self.widget.addPlot(title="Basic array plotting")语句中，self.widget 是在ui中创建的名为widiget的模块，也就是最中央的这块画布。可以在qtdesigner文件中清楚地找到。p.plot(np.random.normal(size=100), pen=(255, 0, 0), name="Red curve")中，第一项是数据，pen就是画笔的颜色，rgb(255,0,0) 对应的就是红色。

更多的作图方法和技巧都可以在 excemple 中找到。之后我也会介绍一些我自己在项目中用到的方法。

源码文件

https://gitee.com/xixo549845545/pyqtgraph_my_cookbook
本节内容在ch2中。