jupyter notebook转换为幻灯片时，Plotly图形不显示

Question

我有一台jupyter笔记本，上面有交互式的情节图。我正在使用nbconvert将该笔记本转换为幻灯片。当我这样做时，绘图不会显示在幻灯片中。我还收到了以下龙卷风警告

$ jupyter nbconvert presentation.ipynb --to slides --post serve
[NbConvertApp] Converting notebook presentation.ipynb to slides
[NbConvertApp] Writing 818538 bytes to presentation.slides.html
[NbConvertApp] Redirecting reveal.js requests to https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.1.0
Serving your slides at http://127.0.0.1:8000/presentation.slides.html
Use Control-C to stop this server
WARNING:tornado.access:404 GET /custom.css (127.0.0.1) 1.53ms
WARNING:tornado.access:404 GET /custom.css (127.0.0.1) 0.96ms
WARNING:tornado.access:404 GET /plotly.js (127.0.0.1) 0.84ms

雪上加霜的是，昨天这个方法起作用了，我不认为我改变了任何实质性的东西。我试着重启我的浏览器和我的机器，但都没有用。

Answer 1

1)如果您通过Jupyter提供幻灯片，请检查JS控制台的错误和Jupyter日志。当您浏览slides.html时，您可能会看到

404get /files/mydir/plotly.js

将plotly.js文件放在slides.html所在的目录中(例如下载https://cdn.plot.ly/plotly-latest.min.js并重命名为plotly.js)

2)确保您在Jupyter笔记本中指定了布局高度和宽度。

trace_data = [trace1]
layout = Layout(
    autosize=False,
    width=720,
    height=480,
    margin=Margin(
        l=50,
        r=50,
        b=100,
        t=100,
        pad=4
    ),
    bargroupgap=0.3
)
fig = Figure(data=trace_data, layout=layout)

重新运行图表，检查它们是否正确显示在笔记本中，保存笔记本，重新运行nbconvert。

您不需要自定义custom.css和制作myreveal.tpl template模板并在nbconvert命令行中指定它，但如果您希望自定义幻灯片，则可以这样做。

Answer 2

遵循这里的代码：https://nbviewer.jupyter.org/format/slides/github/tarokiritani/testjupyter/blob/master/test%20plotly.ipynb#/

我发现将plotly.offline.init_notebook_mode(connected=True)添加到与plotly.offline.(i)plot函数相同的单元格中是可行的

Answer 3

在执行nbconvert的目录中必须有一个plotly.js文件。由于某些原因，"to html“会将绘图javascript嵌入到HTML文件中，而"to slides”会在目录中搜索plotly.js文件。

也就是说，您必须使用reveal.js模板来根据绘图图表的大小更改幻灯片的尺寸。或者自定义绘图图形的尺寸。如果幻灯片太大(或者反之亦然)，图表将在幻灯片中折叠成一条线。