質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.96%

PyQt5 GUI Qt Designerで作成したGraphicsView にpyqtgraphで作成したグラフを表示させる方法について

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 2,602

score 22

前提・実現したいこと

図のようなGUIを作成する為、Qt DesignerにGraphicsViewを配置し、
PushButtonボタンを押下後、GraphicsViewに、pyqtgraphを用いてグラフを表示させたいです。
リアルタイムでも表示させたく、matplotlibではグラフの描画に時間が掛かる為、pyqtgraph を用いています。

イメージ説明

QTデザイナ(QT Designer)でpyqtgraphオブジェクトを扱う方法 を参考にしました。
リンク内容

発生している問題・エラーメッセージ

上記サイトを参考にして試みていますが、操作方法が分かりません。

該当のソースコード

Qt Designerで作成した uiファイル

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>Form</class>
 <widget class="QWidget" name="Form">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>694</width>
    <height>461</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Form</string>
  </property>
  <widget class="QGraphicsView" name="graphicsView">
   <property name="geometry">
    <rect>
     <x>40</x>
     <y>30</y>
     <width>601</width>
     <height>321</height>
    </rect>
   </property>
  </widget>
  <widget class="QPushButton" name="pushButton">
   <property name="geometry">
    <rect>
     <x>230</x>
     <y>380</y>
     <width>211</width>
     <height>61</height>
    </rect>
   </property>
   <property name="text">
    <string>PushButton</string>
   </property>
  </widget>
 </widget>
 <resources/>
 <connections>
  <connection>
   <sender>pushButton</sender>
   <signal>clicked()</signal>
   <receiver>Form</receiver>
   <slot>myFunc()</slot>
   <hints>
    <hint type="sourcelabel">
     <x>421</x>
     <y>415</y>
    </hint>
    <hint type="destinationlabel">
     <x>521</x>
     <y>395</y>
    </hint>
   </hints>
  </connection>
 </connections>
 <slots>
  <slot>myFunc()</slot>
 </slots>
</ui>

作成したuiファイルを.pyに変換 ( pyuic5 .\GUI_Test.ui -x -o .\GUI_Test.py )

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

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

from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(694, 461)
        self.graphicsView = QtWidgets.QGraphicsView(Form)
        self.graphicsView.setGeometry(QtCore.QRect(40, 30, 601, 321))
        self.graphicsView.setObjectName("graphicsView")
        self.pushButton = QtWidgets.QPushButton(Form)
        self.pushButton.setGeometry(QtCore.QRect(230, 380, 211, 61))
        self.pushButton.setObjectName("pushButton")

        self.retranslateUi(Form)
        self.pushButton.clicked.connect(Form.myFunc)
        QtCore.QMetaObject.connectSlotsByName(Form)

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

if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    Form = QtWidgets.QWidget()
    ui = Ui_Form()
    ui.setupUi(Form)
    Form.show()
    sys.exit(app.exec_())

GUIの起動

import os
import sys

from PyQt5 import QtCore as QC
from PyQt5 import QtGui as Qg
from PyQt5 import QtWidgets as Qw

import pyqtgraph as pg

import GUI_Test

class MyForm(Qw.QMainWindow):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.ui = GUI_Test.Ui_Form()
        self.ui.setupUi(self)

    def myFunc(self):
        print('トライアルとして、以下のデータを pyqtgraph で波形を表示させたい')
        x = [1,2,3,4,5]
        y = [11,12,13,14,15]

if __name__ == "__main__":
    app = Qw.QApplication(sys.argv)
    wmain = MyForm()
    wmain.show()
    app.exec_()

試したこと

以前に、こちらで同様の質問をさせて頂き、自己解決したつもりですが、pyqtgraph を用いておらず、
直接GraphicsViewにグラフを書き込んでいたようです。
行き詰まってしまい、再度質問させて頂きました。

大変お手数をお掛け致しますが、
アドバイスを頂けないでしょうか?

補足情報(FW/ツールのバージョンなど)

Windows10 64bit
Python3.6.8
PyQt5.12.2
pyqtgraph 0.10.0

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

以前の解決であってますよ。

確認した点:

- GUI_Test.py
  - ❌ こちらのコード QtのGraphicsViewを使っていますが
    plot を持っていません。
  `self.graphicsView = QtWidgets.QGraphicsView(Form)`
  - 🆗 以前のコード PyQtGraph の提供する ウィジェットを使ってます
   pyqtgraph.PlotWindowはQGraphicsViewを拡張したクラス
   `self.graphicsView = PlotWidget(Form)`

修正方法:

デザイナを使ってる場合は、上記サイトでも説明されている、
Embedding widgets inside PyQt applications
「QGraphicsView」を配置した後の「格上げ」~の辺りです。

以前は出来ていたようですが、
今回提示のソースにはその辺りが反映されていませんでした。

  • PyGui.QGraphicsView を pyqtgraph の PlotWidget に変更して
  • 以前の回答にあった方法で plot 

イメージ説明

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.96%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る