PyQt5在Qt Designer中添加的控件上显示图表

上一篇我介绍了一下如何在窗口上显示动态图表，但是这种是针对纯使用代码建立窗口界面的情况，如果是需要设计一个比较复杂的窗口，还是得需要用到Qt Designer创建ui文件！但在ui界面中拖拽的控件就无法使用上述的代码实现，所以这次给大家介绍一下如何让ui文件中的控件可以显示图表，很简单，往下看。
首先，需要在Qt Designer中创建一个主窗口，添加一个widget控件和一个按钮，如下图所示，同时把上篇的那个完整代码的py文件放到这个项目目录下，并命名为MatplotlibWidget。

然后在对象栏右键点击widget，选择Promote to，在弹出的如下图一的窗口中添加类名，就是之前的那个py文件名MatplotlibWidget，记得要和文件名一致，头文件也是，然后点击Add，就添加成功！如下图二所示，选中这个类名，然后点击右下角的Promote，就可以看到widget的类以及由原来的QWidget变成了MatplotlibWidget，见下图三。