如何在Jupyter笔记本单元格中制作一个大图，在输出到html时可滚动

Question

如您所知，当您在Jupyter Notebook单元格中打印一个大表格时，无论表格是在Notebook环境中打印还是保存为html文件，当它太大时，它都会自动水平或垂直滚动​​。 / p>

但是对于这个数字来说，当它太大时，它可以作为一个大表滚动，但只有当它在Notebook环境中打印时才可以滚动。当它保存到html文件时，整个图形适合较小的区域，因此读取轴标签非常困难。

我该怎么做？

例如，在Notebook中，如果单击图形的左下边框，则会在右侧和底部获得滚动条。

但是当输出到html文件时，整个数字被填充到“画布”中，如下所示：

Answer 1

您可以通过三个选项来修改笔记本的样式。

将CSS插入代码单元格中

如果您只想修改一个笔记本的行为，则可以注入一些CSS以在代码中自定义样式。

from IPython.core.display import HTML
style = """
<style>
div.output_area {
    overflow-y: scroll;
}
div.output_area img {
    max-width: unset;
}
</style>
"""
HTML(style) 

要禁用修改，您只需要清除该单元格的输出即可。

自定义样式表

如果要在全局级别上修改样式，可以将自定义样式放在jupyter配置目录中的custom/custom.css文件中（该文件可能尚不存在）。 要确定config文件夹在安装中的位置，请运行

import jupyter_core;jupyter_core.paths.jupyter_config_dir()

无法即时切换。

自定义nbconvert模板

最后，如果您只想为HTML导出的输出设置样式，请查看自定义模板部分的nbconvert documentation。这种方法可能是样式最强大的导出样式，但是它只会影响导出的版本，而不影响您的实时笔记本。