python - plotly dash - 使用 plotly 生成图像，在本地保护它并使用 plotly dash 显示它

Question

我用 plotly (express) 生成了很多图像，并将它们以 png 格式保存在本地目录中。我想创建一个带有 plotly dash 的仪表板。我生成的图像有很多依赖关系:这就是我不想将代码包含到 dash 应用程序代码中的原因。

是否可以将图像以一种格式(HTML？)保存在我的本地目录中并通过 plotly dash 调用它们？!

我必须如何保存图像，如何调用它？我不想使用 PNG(等)，因为我想使用悬停功能。

我尝试过的:

import plotly.express as px

fig =px.scatter(x=range(10), y=range(10))
fig.write_html("../example_codes/saved_as_HTML.html")
#%%

import dash
import dash_html_components as html
import base64

app = dash.Dash()

image_filename = 'saved_as_HTML.html' # replace with your own image
encoded_image = base64.b64encode(open(image_filename, 'rb').read())

# app.layout = html.Div([
#     html.Img(src='data:image/png;base64,{}'.format(encoded_image))
# ])


app.layout = html.Div([
    html.Img(src='data:image/html;base64,{}'.format(encoded_image))
])

if __name__ == '__main__':
    app.run_server(debug=True)

Answer 1

我会以不同的方式处理这个问题。

我不使用 html 作为格式，而是使用 joblib 保存和加载 Python 图，因为这些图只是常规的 Python 对象。

# Save the figures somewhere
import joblib
fig = px.scatter(x=range(10), y=range(10))
joblib.dump(fig, "../example_codes/fig.pkl")

将图保存到某处后，您可以使用 joblib 加载它，并使用 Graph 在 Dash 布局中使用它:

fig = joblib.load("../example_codes/fig.pkl")

app = dash.Dash()

app.layout = html.Div([dcc.Graph(figure=fig)])

if __name__ == "__main__":
    app.run_server(debug=True)