将 html 中的本地文件用于 PyQt5 网络引擎

Jou*_*cas 3 python pyqt pyqt5 plotly qwebengineview

我正在尝试将绘图嵌入到 PyQt5 webengine 视图中。我能够使用以下方法做到这一点:

以交互模式在 qwebview 中打开 plotly

如果您阅读它,文章会解释说,在使用 webengine 视图时,您不能直接在 HTML 中包含 javascript(加载 2 MB 以上的文件时会出现问题)。但是,我正在尝试使 javascript 的源是 plotly-min.js 的本地副本(保存在项目文件夹中),以便使用该程序的任何人都不需要互联网连接即可查看图表它生成。我尝试在 html 上遵循一些示例,但无济于事。

与互联网连接一起工作的原始代码是:

raw_html = '<html><head><meta charset="utf-8" />'
raw_html += '<script src="https://cdn.plot.ly/plotly-latest.min.js"></script></head>'
raw_html += '<body>'
raw_html += plot(fig, include_plotlyjs=False, output_type='div')
raw_html += '</body></html>'

temp_view = QWebEngineView()
temp_view.setHtml(graph)
Run Code Online (Sandbox Code Playgroud)

如果我理解正确,我需要更改这部分:

<script src="https://cdn.plot.ly/plotly-latest.min.js">
Run Code Online (Sandbox Code Playgroud)

我已经试过了:

<script type="text/javascript" src="file:///C:/Users/UserName/PycharmProjects/ProjectFolder/plotly-latest.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

老实说,我不知道 HTML。这是代码中唯一的 HTML(其余在 Python 3 中)。有谁知道为什么上述可能不起作用以及我需要改变什么?我怀疑我可能以某种方式遇到了上面提到的问题的 2 MB 限制,因为我在网上找到的关于如何在 HTML 中引用本地文件的不同变体似乎没有改变任何东西。

eyl*_*esc 5

许多浏览器出于安全原因禁用本地文件的加载,但如以下论坛所述,您可以通过以下方式启用该功能:

sys.argv.append("--disable-web-security")
Run Code Online (Sandbox Code Playgroud)

假设 .js 在您的 .py 文件旁边:

.
??? main.py
??? plotly-latest.min.js
Run Code Online (Sandbox Code Playgroud)

您可以使用以下示例:

import sys
from PyQt5.QtWidgets import QApplication
from PyQt5.QtWebEngineWidgets import QWebEngineView
from PyQt5.QtCore import QDir, QUrl

import plotly
import plotly.graph_objs as go

sys.argv.append("--disable-web-security")
app = QApplication(sys.argv)

x1 = [10, 3, 4, 5, 20, 4, 3]
trace1 = go.Box(x = x1)
layout = go.Layout(showlegend = True)
data = [trace1]

fig = go.Figure(data=data, layout = layout)

path = QDir.current().filePath('plotly-latest.min.js') 
local = QUrl.fromLocalFile(path).toString()

raw_html = '<html><head><meta charset="utf-8" />'
raw_html += '<script src="{}"></script></head>'.format(local)
raw_html += '<body>'
raw_html += plotly.offline.plot(fig, include_plotlyjs=False, output_type='div')
raw_html += '</body></html>'

view = QWebEngineView()
view.setHtml(raw_html)
view.show()

sys.exit(app.exec_())
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明