首页 文章

在HTML表格中，如何使用python在jupyter笔记本中的绘图旁边添加文本？

提问于
浏览 次
0

关于如何创建1 x 2 HTML表的任何想法，其中单元格{0}是matplotlib图，单元格{1}是Python 3.X的文本描述？

import matplotlib.pyplot as plt
from io import BytesIO
%matplotlib inline

def add_split_screen(fig, text, iwidth=None):

    figdata = BytesIO()
    fig.savefig(figdata, format='png') 
    figdata.seek(0)
    figdata
    figdata.close()
    iwidth = ' width={0} '.format(iwidth) if iwidth is not None else ''
    datatable = '<table><tr><td>{0}</td><td>{1}</td></tr></table>'.format(figdata, text)
    display(HTML(datatable))

设置测试用例：

fig, ax = plt.subplots(1,1, figsize=(6,4))
ax.plot([1,2,3])
text = '<h4>Special Chart:</h4><BR>Description of chart will go here.'

然后在Jupyter笔记本中运行该函数：

add_split_screen(fig, text, iwidth='500px')

我的输出如下：
enter image description here

但是，我有兴趣实际看到情节内联Jupyter笔记本 .

html python-3.x matplotlib jupyter-notebook bytesio

1 回答

  • 1

    您似乎已经阅读了document并使用 BytesIO 在正确的轨道上 . 还有两个步骤：

    • 为您的情节使用适当的标签

    • 使用Base64对 figdata 进行编码 . 然后将它们解码为 str

    以下是从您的代码中修改的完整且可验证的（在Jupyter笔记本中）示例：

    from base64 import b64encode
from io import BytesIO

from IPython.display import display, HTML
import matplotlib.pyplot as plt

def add_split_screen(fig, text, iwidth=None):
    figdata = BytesIO()
    fig.savefig(figdata, format='png')
    iwidth = ' width={0} '.format(iwidth) if iwidth is not None else ''
    datatable = '<table><tr><td><img src="data:image/png;base64,{0}"/></td><td>{1}</td></tr></table>'.format(b64encode(figdata.getvalue()).decode(), text)
    display(HTML(datatable)) 

fig, ax = plt.subplots(1,1, figsize=(6,4))
ax.plot([1,2,3])
text = '<h4>Special Chart:</h4><BR>Description of chart will go here.'
add_split_screen(fig, text, iwidth='500px')

    enter image description here

    回复于

相关问题