PyQt5 在ui中插入 QChartView

在本文中，我们将介绍如何在PyQt5的用户界面（ui）中插入一个QChartView来显示图表。

阅读更多：PyQt5 教程

使用QChart和QChartView

QChart是PyQt5中的一个类，用于创建和管理图表。QChartView是一个用于显示QChart的控件。

首先，我们需要在ui文件中创建一个QChartView控件。在Qt Designer中，我们可以选择”ChartView”来插入一个QChartView。

在PyQt5中加载ui文件

要加载ui文件，我们需要使用PyQt5的uic模块。下面是一个例子：

from PyQt5 import QtWidgets, uic

class MainWindow(QtWidgets.QMainWindow):
    def __init__(self):
        super(MainWindow, self).__init__()

        # 加载ui文件
        uic.loadUi('mainwindow.ui', self)

        # 获取QChartView控件
        chart_view = self.findChild(QtWidgets.QChartView, 'chartView')

        # 创建QChart对象并设置属性
        chart = QtChart.QChart()
        chart.setTitle('My Chart')
        chart.legend().setVisible(True)
        chart.legend().setAlignment(QtCore.Qt.AlignBottom)

        # 将QChart对象设置给QChartView控件
        chart_view.setChart(chart)

在上述代码中，我们先创建了一个MainWindow类，并在其构造函数中通过调用uic.loadUi方法来加载ui文件。然后，我们使用self.findChild方法来获取在ui文件中定义的QChartView控件，并通过创建一个QChart对象并设置其属性，将其与QChartView控件关联。

在QChart中添加数据和系列

要在图表中添加数据和系列，我们可以使用QChart对象的方法。

下面是一个例子：

from PyQt5 import QtWidgets, uic
from PyQt5 import QtCore
from PyQt5.QtChart import QChart, QChartView, QLineSeries

class MainWindow(QtWidgets.QMainWindow):
    def __init__(self):
        super(MainWindow, self).__init__()

        # 加载ui文件
        uic.loadUi('mainwindow.ui', self)

        # 获取QChartView控件
        chart_view = self.findChild(QtWidgets.QChartView, 'chartView')

        # 创建QChart对象并设置属性
        chart = QChart()
        chart.setTitle('My Chart')
        chart.legend().setVisible(True)
        chart.legend().setAlignment(QtCore.Qt.AlignBottom)

        # 创建QLineSeries对象并添加数据
        series = QLineSeries()
        series.append(0, 6)
        series.append(2, 4)
        series.append(3, 8)
        series.append(7, 4)
        series.append(10, 5)

        # 将QLineSeries对象添加到QChart对象中
        chart.addSeries(series)

        # 设置图表的横坐标和纵坐标
        axis_x = QtChart.QValueAxis()
        axis_y = QtChart.QValueAxis()
        chart.setAxisX(axis_x, series)
        chart.setAxisY(axis_y, series)

        # 将QChart对象设置给QChartView控件
        chart_view.setChart(chart)

在上述例子中，我们首先创建了一个QLineSeries对象，并使用series.append方法添加了一些数据点。然后，我们将QLineSeries对象添加到QChart对象中，并使用chart.setAxisX和chart.setAxisY方法为图表设置横坐标和纵坐标。最后，我们将QChart对象设置给QChartView控件。