pyqtgraph嵌入已经设计好的界面中&&动态绘图

1.界面设计

中间的方框是layout，这样做是为了方便pyqtgraph的定位。ui转换为.py文件：

test_ui.py

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'test.ui'
#
# Created by: PyQt5 UI code generator 5.15.2
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(800, 600)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.horizontalLayoutWidget = QtWidgets.QWidget(self.centralwidget)
        self.horizontalLayoutWidget.setGeometry(QtCore.QRect(120, 60, 441, 331))
        self.horizontalLayoutWidget.setObjectName("horizontalLayoutWidget")
        self.pyplot = QtWidgets.QHBoxLayout(self.horizontalLayoutWidget)
        self.pyplot.setContentsMargins(0, 0, 0, 0)
        self.pyplot.setObjectName("pyplot")
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 28))
        self.menubar.setObjectName("menubar")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))

2.将pyqtgraph添加入layout中

先上代码：

main.py

from PyQt5.QtWidgets import QMainWindow, QApplication, QHBoxLayout
import test_ui
import pyqtgraph as pg
import numpy as np
import sys


class pg_ui(QMainWindow):
    def __init__(self):
        super(pg_ui, self).__init__()
        self.InitUI()
        self.data_y = np.empty(31)
        self.data_x = []
        self.ptr = 0
        self.timer = pg.QtCore.QTimer()
        self.timer.timeout.connect(self.update_data)
        self.timer.start(100)

    def InitUI(self):
        ui = test_ui.Ui_MainWindow()
        ui.setupUi(self)

        ########################plot控件创建#####################
        # 全局参数设定
        pg.setConfigOptions(leftButtonPan=True)
        pg.setConfigOption('background', 'w')
        pg.setConfigOption('foreground', 'k')

        # 初始化控件
        self.pw = pg.PlotWidget()
        self.pw.setRange(xRange=[-300, 0])
        self.curve = self.pw.plot()
        ########################################################
        plot_display = self.findChild(QHBoxLayout, 'pyplot')
        # self.find()
        # print(plot_display)
        plot_display.addWidget(self.pw)
        # self.addDockWidget(self.pw)
        self.show()

    def update_data(self):
        # self.count_x += 10
        self.data_x.append(10*self.ptr)
        # print(10*self.data_x)
        self.data_y[self.ptr] = np.random.normal()
        self.ptr += 1
        if self.ptr >= self.data_y.shape[0]:
            temp = self.data_y
            self.data_y = np.empty(self.data_y.shape[0] * 2)
            self.data_y[:temp.shape[0]] = temp
        self.curve.setData(self.data_x[:self.ptr], self.data_y[:self.ptr])
        self.curve.setPos(-10 * self.ptr, 0)
        # if self.count_x % 1500 == 0:
        #     self.data_x = []
        #     self.data_y = []


if __name__ == '__main__':
    app = QApplication(sys.argv)
    test_ui = pg_ui()
    sys.exit(app.exec_())

运行的效果图如下所示：