将雷达图形集成到小部件中

Posted

技术标签:

【中文标题】将雷达图形集成到小部件中【英文标题】:Integration of a Radar Graphic into a widget 【发布时间】:2017-09-30 00:35:45 【问题描述】:

我尝试将此雷达图形 (see link) 的代码集成到包含小部件的 GUI 中。 我不想将 x 和 y 绘制到小部件中,而是想绘制雷达图形,但我无法解决这个问题。 想法是替换这段代码:

x = [2000,2001,2002,2003,2004]
y = [10,20,30,40,50]
self.axes.plot(x, y

使用上面链接中的代码。

下面是我的 GUI 后端代码:

import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import QMainWindow, QApplication, QWidget, QSizePolicy
from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg as FigureCanvas
from matplotlib.backends.backend_qt5agg import NavigationToolbar2QT as NavigationToolbar
from matplotlib.figure import Figure
from front_end import Ui_MainWindow

class Graph_init(FigureCanvas):

    def __init__(self, parent=None):

        fig = Figure()
        self.axes = fig.add_subplot(111)
        self.compute_initial_figure()

        FigureCanvas.__init__(self, fig)
        self.setParent(parent)

        FigureCanvas.setSizePolicy(self, QSizePolicy.Expanding, QSizePolicy.Expanding)
        FigureCanvas.updateGeometry(self)


class Graph_populate(Graph_init):

    def compute_initial_figure(self):

        x = [2000,2001,2002,2003,2004]
        y = [10,20,30,40,50]
        self.axes.plot(x, y)


class GUI(QMainWindow, Ui_MainWindow):
    def __init__(self, parent=None):
        super(GUI, self).__init__(parent)
        self.setupUi(self)

        self.sc = Graph_populate(self.widget)
        self.gridLayout.addWidget(self.sc, 0, 1, 1, 1)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    prog = GUI()
    prog.showMaximized()
    sys.exit(app.exec_())

和前端:

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(595, 393)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.gridLayout = QtWidgets.QGridLayout(self.centralwidget)
        self.gridLayout.setObjectName("gridLayout")
        self.pushButton = QtWidgets.QPushButton(self.centralwidget)
        self.pushButton.setMaximumSize(QtCore.QSize(100, 16777215))
        self.pushButton.setObjectName("pushButton")
        self.gridLayout.addWidget(self.pushButton, 0, 0, 1, 1)
        self.widget = QtWidgets.QWidget(self.centralwidget)
        self.widget.setMinimumSize(QtCore.QSize(0, 200))
        self.widget.setStyleSheet("background-color: rgb(255, 255, 255);")
        self.widget.setObjectName("widget")
        self.gridLayout.addWidget(self.widget, 0, 1, 1, 1)
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 595, 21))
        self.menubar.setObjectName("menubar")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
        self.pushButton.setText(_translate("MainWindow", "PushButton"))


if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    MainWindow = QtWidgets.QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

谢谢

【问题讨论】:

问题是我无法将链接中的代码集成到我的 GUI 中 【参考方案1】:

雷达类型图是带有极坐标投影的图,因此在创建轴时必须激活该属性。

self.axes = fig.add_subplot(111, projection="polar")

使用绘图功能时,第一个参数是弧度的角度,第二个参数是半径的长度。

class Graph_init(FigureCanvas):
    def __init__(self, parent=None):
        fig = Figure()
        self.axes = fig.add_subplot(111, projection="polar")
        self.compute_initial_figure()

        FigureCanvas.__init__(self, fig)
        self.setParent(parent)

        FigureCanvas.setSizePolicy(self, QSizePolicy.Expanding, QSizePolicy.Expanding)
        FigureCanvas.updateGeometry(self)


class Graph_populate(Graph_init):
    def compute_initial_figure(self):
        import math
        r =[10, 20, 30, 40, 50]
        theta = [0, 50, 90, 120, 180]
        angles = [angle*math.pi/180 for angle in theta]
        self.axes.plot(angles, r)

【讨论】:

以上是关于将雷达图形集成到小部件中的主要内容,如果未能解决你的问题,请参考以下文章

我可以使用 plotly 子图在一个图形对象中显示不同的图表类型,例如雷达、旭日形、甜甜圈吗

数据展示新利器:雷达图的魅力与优势

利用matlibplot绘制雷达图

echarts图表——雷达图

★excel怎么做雷达图

Unity实战之一个脚本实现雷达图