https://blog.csdn.net/weixin_43469047/article/details/115607083

https://blog.csdn.net/qq_28053421/article/details/113828372

https://blog.csdn.net/weixin_43469047/article/details/117733574?utm_source=app&app_version=4.5.4

https://www.cnblogs.com/laoniubile/p/5904817.html

1. 介面設計

簡單建立一個介面：一個 GraphicsView 和 一個 PushButton

2. 定義一個類，繼承FigureCanvas

# from PySide2.QtWidgets import QApplication, QMessageBox
from PySide2.QtWidgets import QApplication, QMainWindow, QGraphicsScene, QFileDialog, QMessageBox
from PySide2.QtUiTools import QUiLoader
import sys
import numpy as np

import matplotlib
from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg as FigureCanvas
 
# from matplotlib.figure import Figure
import matplotlib.pyplot as plt
 
matplotlib.use("Qt5Agg")  # 宣告使用QT5

class MyFigureCanvas(FigureCanvas):
  '''
  通過繼承FigureCanvas類，使得該類既是一個PyQt5的Qwidget，又是一個matplotlib的FigureCanvas，這是連線pyqt5與matplotlib的關鍵
  '''
  def __init__(self, parent=None, width=10, height=5, xlim=(0, 2500), ylim=(-2, 2), dpi=100):
    
 
# 建立一個Figure
    fig = plt.Figure(figsize=(width, height), dpi=dpi, tight_layout=True) # tight_layout: 用於去除畫圖時兩邊的空白
 
    FigureCanvas.__init__(self, fig) # 初始化父類
    self.setParent(parent)
 
    self.axes = fig.add_subplot(111) # 呼叫figure下面的add_subplot方法，類似於matplotlib.pyplot下面的subplot方法
    self.axes.spines['top'].set_visible(False) # 去掉上面的橫線
    self.axes.spines['right'].set_visible(False)
    self.axes.set_xlim(xlim)
    self.axes.set_ylim(ylim)

class Stats:

    def __init__(self):
        # 從檔案中載入UI定義

        # 從 UI 定義中動態 建立一個相應的視窗物件
        # 注意：裡面的控制元件物件也成為視窗物件的屬性了
        # 比如 self.ui.button , self.ui.textEdit
        self.ui = QUiLoader().load('mtplt.ui')

        # self.ui.button.clicked.connect(self.handleCalc)
    # 初始化 gv_visual_data 的顯示
        self.gv_visual_data_content = MyFigureCanvas(width=self.ui.graphicsView.width() / 101,
                            height=self.ui.graphicsView.height() / 101,
                            xlim=(0, 2*np.pi),
                            ylim=(-1, 1)) # 例項化一個FigureCanvas
        self.plot_cos()

        self.ui.btn_sin.clicked.connect(self.plot_sin)

    def plot_cos(self):
        x = np.arange(0, 2 * np.pi, np.pi / 100)
        y = np.cos(x)
        self.gv_visual_data_content.axes.plot(x, y)
        self.gv_visual_data_content.axes.set_title('cos()')
        # 載入的圖形（FigureCanvas）不能直接放到graphicview控制元件中，必須先放到graphicScene，然後再把graphicscene放到graphicview中
        self.graphic_scene = QGraphicsScene() # 建立一個QGraphicsScene
        self.graphic_scene.addWidget(self.gv_visual_data_content) # 把圖形放到QGraphicsScene中，注意：圖形是作為一個QWidget放到放到QGraphicsScene中的
        self.ui.graphicsView.setScene(self.graphic_scene) # 把QGraphicsScene放入QGraphicsView
        self.ui.graphicsView.show() # 呼叫show方法呈現圖形

    def plot_sin(self):
        x = np.arange(0, 2 * np.pi, np.pi / 100)
        y = np.sin(x)
        self.gv_visual_data_content.axes.clear() # 由於圖片需要反覆繪製，所以每次繪製前清空，然後繪圖
        self.gv_visual_data_content.axes.plot(x, y)
        self.gv_visual_data_content.axes.set_title('sin()')
        self.gv_visual_data_content.draw() # 重新整理畫布顯示圖片，否則不重新整理顯示

app = QApplication([])
stats = Stats()
stats.ui.show()
app.exec_()