我可以在我的PyQt4应用程序中嵌入绘图(离线)吗?

时间:2015-03-07 10:08:40

标签: python pyqt4 plotly

我知道这可以简单地呈现为HTML,并且可以嵌入到类似Web的环境中。我想知道是否可以在PyQt应用程序的HTML窗口中执行此操作?具体来说,我想知道这是否可以离线工作,没有互联网连接。

编辑:

这是我最终使用matplotlib嵌入图表的摘录:

from PyQt4 import QtGui

from matplotlib.backends.backend_qt4agg \
    import FigureCanvasQTAgg as FigureCanvas
from matplotlib.backends.backend_qt4agg \
    import NavigationToolbar2QT as NavigationToolbar
import matplotlib.pyplot as plt


class Contour(QtGui.QFrame):

    def __init__(self, parent=None):
        super(Contour, self).__init__(parent)

        self.parent = parent

        # a figure instance to plot on
        self.figure = plt.figure(figsize=(20, 30))
        r, g, b = 100./255., 100./255., 100./255.
        self.figure.patch.set_facecolor(color=(r, g, b))

        # this is the Canvas Widget that displays the `figure`
        # it takes the `figure` instance as a parameter to __init__
        self.canvas = FigureCanvas(self.figure)

        # this is the Navigation widget
        # it takes the Canvas widget and a parent
        self.toolbar = NavigationToolbar(self.canvas, self)

        # set the layout
        layout = QtGui.QVBoxLayout()
        layout.addWidget(self.toolbar)
        layout.addWidget(self.canvas)
        self.setLayout(layout)

然后在另一个函数中:

    # create an axis
    ax1 = self.figure.add_subplot(211, frame_on=False)
    ax2 = self.figure.add_subplot(212, frame_on=False)

    # plot data
    r, g, b = 39./255., 40./255., 34./255.
    ax1.plot(x, y, ls='o', color=(r, g, b), linewidth=3)
    ax1.plot(coo[0], coo[1], 'go', zorder=20)  # leading edge
    ax1.plot(xg, yg, 'mo', zorder=30)  # leading edge
    ax1.plot(xr, yr, 'yo', zorder=30)  # curvature circle center
    ax1.add_patch(circle)
    ax1.set_title('Contour', fontsize=14)
    ax1.set_xlim(-10.0, 110.0)
    # ax1.set_ylim(-10.0, 14.0)
    r, g, b = 249./255., 38./255., 114./255.
    ax1.fill(x, y, color=(r, g, b))
    ax1.set_aspect('equal')

    ax2.plot(coo[0], gradient, 'go-', linewidth=3)
    ax2.set_title('Gradient', fontsize=14)
    ax2.set_xlim(-10.0, 110.0)

4 个答案:

答案 0 :(得分:5)

您可以从QWebEngineView模块使用QWebEngineWidgets(我在这里使用PyQt5,但我想它也可以在PyQt4上使用)。您使用plotly.offline.plot创建html代码,并将其设置为QWebEngineView实例的html文本。如果指定output_type='div',它将直接为您提供一个字符串。我不知道为什么,但是就我而言,它仅与include_plotlyjs='cdn'一起使用,但是在这种情况下,您需要根据plotly文档在互联网上运行。通过这种方式,绘图也可以在您的PyQt应用程序中保持交互性。

from PyQt5.QtWebEngineWidgets import QWebEngineView
from PyQt5.QtWidgets import QApplication, QMainWindow
from plotly.graph_objects import Figure, Scatter
import plotly

import numpy as np


class MainWindow(QMainWindow):

    def __init__(self):

        super(MainWindow, self).__init__()

        # some example data
        x = np.arange(1000)
        y = x**2

        # create the plotly figure
        fig = Figure(Scatter(x=x, y=y))

        # we create html code of the figure
        html = '<html><body>'
        html += plotly.offline.plot(fig, output_type='div', include_plotlyjs='cdn')
        html += '</body></html>'

        # we create an instance of QWebEngineView and set the html code
        plot_widget = QWebEngineView()
        plot_widget.setHtml(html)

        # set the QWebEngineView instance as main widget
        self.setCentralWidget(plot_widget)


if __name__ == '__main__':
    app = QApplication([])
    window = MainWindow()
    window.show()
    app.exec_()

答案 1 :(得分:2)

我曾尝试使用:

import plotly.offline as plt
.
.
.
plt.plot(fig, filename=testName + '__plot.html')

然后尝试生成一个情节...这给了我一个HTML文件,然后我也尝试将QWebView作为其URL属性[只是为了看它是否呈现]。

请查看图片以供参考。 Render :: Plotly Offline :: QtWebView

答案 2 :(得分:0)

Plotly主要用于在浏览器中轻松制作图表。我不认为它可以嵌入到像PyQT或Tkinter这样的UI框架中。 Plotly有一个企业版,可以在没有互联网连接的公司网络中运行。

如果你真的需要在PyQT中嵌入图形,那么

PyQtgraph或MatPlotLib可能是你的选择。

以下是将图形导出为png的示例代码,然后将png图像嵌入到PyQT应用程序中。

import matplotlib.pyplot as plt
plt.plot([1,2,3,4,5], [10,20,30])
plt.savefig('graphs.png')
import os,sys
from PyQt4 import QtGui
pic.setPixmap(QtGui.QPixmap("graphs.png"))

答案 3 :(得分:0)

不确定这是否完全符合你的需要,因为你有

import plotly.plotly as py

您可以保存图像然后

py.image.save_as({'data': data}, 'your_image_filename.png')
pic.setPixmap(QtGui.QPixmap("your_image_filename.png"))

警告,我还没试过这个