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

Question

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

现在我问，是否可以将图像以一种格式（HTML？）保存在我的本地目录中并通过 plotly dash 调用它们？！

我的问题是，我必须如何保存图像，以及如何调用它？我不想使用 PNG（等），因为我想使用 hoverfunction

这是我尝试过的：

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)

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

plotly dash - generate image with plotly, safe it local and display it with plotly dash

python

plotly

dashboard

plotly-dash