QTdesigner折线图

### 如何在 QT Designer 中创建或集成折线图组件

为了实现在 QT Designer 中添加折线图的功能，可以采用多种方法。以下是通过 `QCustomPlot` 和 `pyqtgraph` 实现这一目标的具体说明。

#### 使用 QCustomPlot 创建折线图

当考虑使用 C++ 开发时，可以选择 `QCustomPlot` 这一高效且功能丰富的库来绘制折线图[^2]：

1. 安装 `QCustomPlot` 库至项目中。
2. 在 QT Designer 中设计 UI 布局，在合适位置放置一个 QWidget 控件作为占位符。
3. 右键点击该控件，选择“Promote to...”，设置 Promoted class name 为 `QCustomPlot` 并指定头文件路径（通常是 qcustomplot.h），最后点击 Add 和 Promote 来应用更改。

这样就可以将自定义的小部件嵌入到由 QT Designer 设计的界面上，并利用其 API 编写逻辑代码以显示所需的数据图表。

#### 利用 pyqtgraph 在 PyQt/PySide 中实现折线图

如果倾向于 Python 方向，则推荐使用 `pyqtgraph` 库来进行快速开发[^4]:

import sys
from PyQt5 import uic, QtWidgets
import pyqtgraph as pg

class MainWindow(QtWidgets.QMainWindow):
    def __init__(self):
        super().__init__()
        
        self.plot_widget = pg.PlotWidget()
        layout = QtWidgets.QVBoxLayout()  
        layout.addWidget(self.plot_widget)

        central_widget = QtWidgets.QWidget()
        central_widget.setLayout(layout)
        setCentralWidget(central_widget)

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    
    main_window = MainWindow()
    main_window.show()

    sys.exit(app.exec_())

上述代码展示了如何在一个简单的 PyQt 主窗口内引入 `pyqtgraph` 的 PlotWidget 小部件用于展示折线图。对于更复杂的场景，可以在 QT Designer 中预先构建好界面布局，之后再按照下面的方式处理 `.ui` 文件中的特定 widget:

- 打开 .ui 文件所在的目录；
- 对于想要替换为绘图区域的地方，先插入一个 QGraphicsView 或者普通的 QWidget；
- 接着右键单击这个新加入的对象 -> "Promote To..."；
- 输入 promoted 类名如 `PlotWidget` ，并将 header file 设置成 `pyqtgraph`；

完成这些配置后保存修改过的 ui 文件即可继续后续工作流程。