用Matplotlib在PyQt5界面绘制动态曲线、柱形、二维、三维图（上）

前言

使用PyQt设计程序界面过程中不可避免地需要将数据通过图形化的方式显示出来，对于一些实时性较强的系统，还需要能够动态地更新这些图形。然而Matplotlab对于曲线图、柱形图、二维图、三维图的绘制和更新各有不同的方法。
　　我在工作中就遇到了这个问题，花了不少精力汇总了使用Matplotlib实现曲线、柱形图、二维图以及三维图在PyQt5界面中的绘制方法以及使其动态更新的方法。本系列博客分成两篇，第一篇介绍以上四种图形的静态显示方法，下一篇介绍各图形的动态更新方法。
　　下面我们来介绍静态图片的显示方法。
　　当然首先，我们要配置好工作的环境，我使用的是python3.6+PyCharm，安装好PyQt5、QtDesigner和matplotlib扩展包，安装方式可以参考我之前的博客。

1、准备PyQt界面

使用PyQt5绘制Matplotlib图形通常可以使用QGroupBox、QGraphicsView等方式，各有不同的用法，我使用的是QGroupBox，个人感觉它使用起来最简单。
　　接下来，我们先使用QtDesigner创建一个主窗口，然后在其中创建四个QGroupBox分别用来显示曲线图、柱形图、二维图和三维图。创建后的效果如下图所示：

将其保存为DataDIsplayUI.ui，然后通过PyUIC将其转换成DataDIsplayUI.py文件，具体实现方法可以参考链接。转换后的py代码如下所示，当然我们其实不用关心它的具体内容，只要会使用它就可以了。

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

# Form implementation generated from reading ui file 'DataDisplayUI.ui'
#
# Created by: PyQt5 UI code generator 5.11.3
#
# WARNING! All changes made in this file will be lost!

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.gridLayout = QtWidgets.QGridLayout(self.centralwidget)
        self.gridLayout.setObjectName("gridLayout")
        self.LineDisplayGB = QtWidgets.QGroupBox(self.centralwidget)
        self.LineDisplayGB.setObjectName("LineDisplayGB")
        self.gridLayout.addWidget(self.LineDisplayGB, 0, 0, 1, 1)
        self.BarDisplayGB = QtWidgets.QGroupBox(self.centr