使用 mpld3 将图形保存到 .html

Question

我正在尝试使用 seaborn 和 mpld3 但在 .html 文件中显示图表。当我使用命令mpld3.show() 时，会弹出一个新窗口，并且该图显示在创建的本地网络服务器中（如文档所述）。但是，当尝试将其保存在 .html 文件中时，图表为空，但我可以看到一些图标，如移动和缩放可用....

与mpld3.show()

sns.set(style="whitegrid")
sns.barplot(x=df.index.tolist(), y=df['Salário'])
mpld3.show()

图表应该是怎样的：

尝试使用 save_html() 保存到 .html 文件：

sns.set(style="whitegrid")
sns.barplot(x=df.index.tolist(), y=df['Salário'])
fig = plt.figure()
mpld3.save_html(fig, "./templates/graph_exp.html")

带有工作图标的错误图表

有人可以帮我让这个图表看起来正常保存到 .html 文件吗？ :)

Answer 1

我不确定save_html() 是如何工作的，但这是我在我的烧瓶网站上使用的。

如果您不需要保存图像，此解决方案有效。

import base64
import io


pngImage = io.BytesIO()
FigureCanvas(fig).print_png(pngImage) #fig is my matPlotlib instance of Figure()

# Encode PNG image to base64 string
image = "data:image/png;base64,"
image += base64.b64encode(pngImage.getvalue()).decode('utf8')

然后在html中使用：

<img src="{{image}}">