如何使Jupyter笔记本单元格中的大图形在输出为html时可滚动

how to make a large figure in a Jupyter notebook cell, scrollable when it is output to html(如何使Jupyter笔记本单元格中的大图形在输出为html时可滚动)
本文介绍了如何使Jupyter笔记本单元格中的大图形在输出为html时可滚动的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如您所知,当您在Jupyter笔记本单元格中打印大表格时,无论表格是在笔记本环境中打印还是保存为html文件,如果表格太大,都会自动使其可水平或垂直滚动。

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

如何执行此操作? 例如,在Notebook中,如果您单击图形的左边界和下边界,则会在右边界和底部获得滚动条。

但是输出到html文件时整个图形会被填充到画布中,如下图所示:

推荐答案

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

在代码单元格中注入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 config dir的custom/custom.css文件中(该文件可能还不存在)。 若要确定配置文件夹在安装中的位置,请运行此

import jupyter_core;jupyter_core.paths.jupyter_config_dir()

这在飞翔上无法切换。

自定义nbConvert模板

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

这篇关于如何使Jupyter笔记本单元格中的大图形在输出为html时可滚动的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

how to remove this error quot;Response must contain an array at quot; . quot;.quot; while making dropdown(如何删除此错误quot;响应必须在quot;处包含数组。创建下拉菜单时(Q;))
Why is it necessary to use `document.createElementNS` when adding `svg` tags to an HTML document via JS?(为什么在通过JS为一个HTML文档添加`svg`标签时,需要使用`Document.createElementNS`?)
wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
price depend on selection of radio input(价格取决于无线电输入的选择)
calculate price depend on selection without button(根据没有按钮的选择计算价格)
Conditional formatting if a cell matches one from a list of a different sheet using Apps Script(如果单元格与使用Apps脚本的不同工作表列表中的单元格匹配,则设置条件格式)