Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/284.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Python 在nbconvert之后,如何将matplotlib图形的位置居中?_Python_Jupyter_Reveal.js_Nbconvert - Fatal编程技术网

Python 在nbconvert之后,如何将matplotlib图形的位置居中?

Python 在nbconvert之后,如何将matplotlib图形的位置居中?,python,jupyter,reveal.js,nbconvert,Python,Jupyter,Reveal.js,Nbconvert,我想将我的jupyter笔记本转换为使用nbconvert的演示文稿。是否可以将matplotlib图形放置在幻灯片的中心 在jupyter中,我阻止代码显示,然后进行绘图 (RawnConvert) 然后,使用以下命令将此笔记本转换为html: jupyter nbconvert mynote.ipynb --to slides 生成的html呈现如下。 我一直在试着把这个情节放在幻灯片的中心。我查看了我的reveal.css文件,但无法确定要更改哪个部分。有人知道我怎么解决这个问题吗 我

我想将我的jupyter笔记本转换为使用nbconvert的演示文稿。是否可以将matplotlib图形放置在幻灯片的中心

在jupyter中,我阻止代码显示,然后进行绘图

(RawnConvert)

然后,使用以下命令将此笔记本转换为html:

jupyter nbconvert mynote.ipynb --to slides
生成的html呈现如下。

我一直在试着把这个情节放在幻灯片的中心。我查看了我的reveal.css文件,但无法确定要更改哪个部分。有人知道我怎么解决这个问题吗


我使用jupyter 1.0.0和nbconvert 4.2.0。

可能有更好的解决方案,但在RawNBConvert单元格中添加几行可以解决此问题。我希望这不会引起副作用

<style type="text/css">
.input_prompt, .input_area, .output_prompt {
    display:none !important;
}

div.output_png {
  display: flex;
  justify-content: center;
}

</style>

.输入提示、.输入提示区、.输出提示{
显示:无!重要;
}
div.output_png{
显示器:flex;
证明内容:中心;
}

仅为Taro的解决方案添加细节:

“RawNBConvert”单元可以通过以下方式创建:

  • 进入查看->单元格工具栏->原始单元格格式
  • 创建类型为(单元->单元类型)“原始NBConvert”的新单元
  • 将“原始NBConvert格式”设置为HTML
  • 此解决方案的样式代码可以添加到新创建的单元格中。NBConvert应自动将其拾取

    请注意,发布的解决方案禁用了输入区域的显示(即,用于生成图像的脚本以及幻灯片中的任何脚本)。这类似于在将笔记本转换为幻灯片时设置
    -no input
    选项

    最后,实际对我有用的是使用这个(您可能需要调整一些参数):

    
    .输入提示、.输入提示区、.输出提示{
    显示:无!重要;
    }
    div.output_png{
    最大宽度:100%;
    宽度:100%;
    }
    div.output\u png img{
    宽度:80%;
    左边距:自动;
    右边距:自动;
    显示:块;
    }
    
    希望这有帮助

    jupyter nbconvert mynote.ipynb --to slides
    
    <style type="text/css">
    .input_prompt, .input_area, .output_prompt {
        display:none !important;
    }
    
    div.output_png {
      display: flex;
      justify-content: center;
    }
    
    </style>
    
    <style type="text/css">
    .input_prompt, .input_area, .output_prompt {
        display:none !important;
    }
    
    div.output_png {
        max-width: 100%;
        width: 100%;
    }
    
    div.output_png img {
       width: 80%;
       margin-left: auto;
       margin-right: auto;
       display: block;
    }
    
    </style>