PyQt5 Canvas无动画显示：串口实时绘图问题求助

一、检查自定义Matplotlib组件（mpl.py）的核心实现 #

• 确保自定义Canvas类正确继承FigureCanvasQTAgg，并初始化Figure和Axes实例，示例代码：

  from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg
  from matplotlib.figure import Figure
  
  class MplCanvas(FigureCanvasQTAgg):
      def __init__(self, parent=None, width=5, height=4, dpi=100):
          fig = Figure(figsize=(width, height), dpi=dpi)
          self.axes = fig.add_subplot(111)
          super(MplCanvas, self).__init__(fig)
          self.setParent(parent)
  

• 确认组件已正确添加到UI布局：加载UI后，将Canvas实例放入对应容器（如QWidget），并更新容器布局，避免仅替换控件而未关联布局。

二、串口绘图逻辑的关键问题排查 #

• 修复实时更新机制：若仅调用plt.plot而未触发Canvas刷新，绘图不会显示。每次获取串口数据后，需更新Axes数据并调用draw()方法，示例：

  # 假设self.canvas为自定义Canvas实例，self.x_data、self.y_data为数据存储列表
  self.x_data.append(time.time())
  self.y_data.append(serial_value)
  self.canvas.axes.clear()
  self.canvas.axes.plot(self.x_data, self.y_data)
  self.canvas.draw()
  

• 分离串口读取与UI线程：主线程阻塞读取串口会导致UI卡死，无法更新绘图。需将串口操作放入独立QThread，通过信号传递数据到主线程更新绘图：

  from PyQt5.QtCore import QThread, pyqtSignal
  import serial
  
  class SerialThread(QThread):
      data_signal = pyqtSignal(float)
      def __init__(self, port):
          super().__init__()
          self.port = port
          self.running = True
  
      def run(self):
          ser = serial.Serial(self.port, 9600)
          while self.running:
              if ser.in_waiting > 0:
                  data = ser.readline().decode().strip()
                  try:
                      val = float(data)
                      self.data_signal.emit(val)
                  except ValueError:
                      pass
          ser.close()
  
  # 主线程绑定信号与绘图更新函数
  self.thread = SerialThread(port)
  self.thread.data_signal.connect(self.update_plot)
  self.thread.start()
  
  def update_plot(self, val):
      self.x_data.append(time.time())
      self.y_data.append(val)
      self.canvas.axes.clear()
      self.canvas.axes.plot(self.x_data, self.y_data)
      self.canvas.draw()
  

• 调整坐标轴范围：若数据值超出Axes显示范围，会导致绘图不可见。添加自动调整逻辑：

  self.canvas.axes.plot(self.x_data, self.y_data)
  self.canvas.axes.relim()
  self.canvas.axes.autoscale_view()
  self.canvas.draw()
  

三、UI文件（MainTest_1.ui）的集成检查 #

• 确认Canvas容器的objectName正确，在main.py中能准确定位并添加Canvas：

  from PyQt5.uic import loadUi
  from PyQt5.QtWidgets import QVBoxLayout
  
  class MainWindow(QMainWindow):
      def __init__(self):
          super().__init__()
          loadUi("MainTest_1.ui", self)
          # 假设UI中容器的objectName为plot_container
          self.canvas = MplCanvas(self.plot_container)
          layout = QVBoxLayout(self.plot_container)
          layout.addWidget(self.canvas)
  

• 检查Plot按钮的点击事件是否正确绑定到处理函数，无绑定则点击不会触发绘图逻辑：

  self.PlotButton.clicked.connect(self.start_plotting)  # 替换为实际按钮的objectName
  

四、调试建议 #

• 在update_plot函数中打印self.x_data和self.y_data，确认数据已正确传递并存储。
• 调用self.canvas.draw()后添加self.canvas.flush_events()，确保绘图事件被及时处理。
• 在程序开头指定Matplotlib后端：

  import matplotlib
  matplotlib.use('Qt5Agg')
  

内容的提问来源于stack exchange，提问作者user19396094