我正在使用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.来自cmd:jupyter nbconvert --to html test_plot.ipynb
我也做了以下启用widget extension
:
jupyter nbextension enable --py widgetsnbextension
Enabling notebook extension jupyter-js-widgets/extension...
- Validating: ok
事情是滑块是可移动的,但它不会更新图形。图形也可以通过缩放等方式进行操作。这让我相信我使用interactive
的方式有问题。
有任何想法吗?
不幸的是,这不起作用,将滑块与绘图链接的函数是用python编写的,并在python内核中执行,所以当你转换为静态html时,这个函数就不再存在了。
我不知道某种python到javascript转换器允许这些函数在没有python内核的情况下运行,尽管plotly的Dash似乎在这一行中做了一些事情(see this issue)。如果您可以安装服务器,您可以使用Voila或类似的东西,使笔记本看起来像一个网页。