如何在 jupyter/ipython 笔记本中显示图形旁边的文本段落

我正在寻找一种（也许是创造性的）方法将文本放置在 jupyter 笔记本中的图表旁边。这个想法是在图表旁边有一个详细的描述，而不是笔记本通常的垂直流程。

有任何想法吗？

一种相当有创意的方法是模仿内联后端但添加基础表。 python 2.7 的可能解决方案如下所示

from io import BytesIO
import matplotlib.pyplot as plt
from IPython.display import display, Image, HTML
import base64

def plotdesc(fig, text, iwidth=None):
    bio = BytesIO()
    # save fig as png to bytes IO instead to disk
    fig.savefig(bio, format='png')
    plt.close(fig)
    iwidth = ' width={0} '.format(iwidth) if iwidth is not None else ''
    img_tag = "<img src='data:image/png;base64," + base64.b64encode(bio.getvalue()) + "'{0}/>".format(iwidth)
    datatable = '<table><tr><td>{0}</td><td>{1}</td></tr></table>'.format(img_tag, text)
    display(HTML(datatable))

使用方式如下：

fig, ax = plt.subplots(1,1, figsize=(6,4))
ax.plot([1,2,3])
text = '<h4>Description of the chart:</h4><BR>asdfsa fasdf qwer fsdaf er qw asdcdsafqwer dacfas dfqwetr cvxy fsa'
plotdesc(fig, text, iwidth='500px')

如果您现在设置表格 CSS 来删除边框，例如

%%html
<style>
table,td,tr,th {border:none!important}
</style>

you get a plot like

当然，这个解决方案可以进一步增强以使用固定列宽等。 IIRC base64 编码与 python 3.x 略有不同。