当下载为 html 时，IPython 交互式小部件不会更新

Question

我正在使用 Jupyter Notebook 并尝试创建交互式绘图。 我真的很喜欢ipywidgets.interactive使用起来非常简单，并且能够在VBox或HBox中进行布局。 我遇到的问题是，一旦我下载为 html， ipywidgets.interactive就不会更新我的情节。

这是我所拥有的：

from ipywidgets import interact, interactive, fixed, interact_manual
import ipywidgets as widgets
import plotly.graph_objs as go
import plotly.offline as py
import numpy as np
from IPython.display import display

py.init_notebook_mode()

xs = np.linspace(0,6,100)
ys = np.sin(xs)

scatter = go.Scatter(
    x = xs,
    y = ys
)

data = [scatter]
layout = go.Layout(title='test')

fig = go.FigureWidget(data=data, layout=layout)
slider = widgets.FloatRangeSlider(
    min=1,
    max=6,
    step=.1,
    description='desc'
)

def update_b(b):
    fig.data[0].y = np.sin(xs+b)

vb = widgets.VBox((fig, interactive(update_b, b=(1, 6, .1))))
vb.layout.align_items='center'
# This displays it and allows it to be interactive, but only when I have it as .ipynb, 
# not when I download as html
display(vb) 

我保存为 html 的方式是：
1. Widgets > Save Notebook Widget State
2. 从命令： jupyter nbconvert --to html test_plot.ipynb

我还完成了以下操作以启用widget extension ：

jupyter nbextension enable --py widgetsnbextension
Enabling notebook extension jupyter-js-widgets/extension...
      - Validating: ok

这就是我得到的一切之后：

问题是滑块是可移动的，但它不会更新图形。 该图也可以通过缩放等方式进行操作，就像正常使用 plotly 一样。 这让我相信我使用interactive的方式有问题。

有任何想法吗？

Answer 1

不幸的是，这不起作用，将滑块与绘图链接的函数是用 python 编写的，并在 python 内核中执行，因此当您转换为静态 html 时，该函数不再存在。

我不知道有某种 python 到 javascript 的翻译器允许这些函数在没有 python 内核的情况下运行，尽管 plotly 的Dash似乎在这一行中做了一些事情（见这个问题）。 如果你可以搭建一个服务器，你可以使用Voila或类似的东西让笔记本看起来像一个网页。

Answer 2

我没有使用 plotly，但是，尝试添加一些线条魔术，比如使图形交互的“小部件”......

%matplotlib widget
%matplotlib widget
from ipywidgets import *
import numpy as np
import matplotlib.pyplot as plt


x = np.linspace(0, 2 * np.pi)
fig = plt.figure()
ax = fig.add_subplot(1, 1, 1)
line, = ax.plot(x, np.sin(x))

def update(w = 1.0):
    line.set_ydata(np.sin(w * x))
    fig.canvas.draw()

interact(update);

笔记本截图