在jupyter笔记本中使用bokeh小部件更新bokeh情节 [英] updating bokeh plot with a bokeh widget in jupyter notebook
问题描述
我想从jupyter笔记本中使用bokeh小部件来更新bokeh图.我的代码(有点hacky)看起来像这样:
I want to use bokeh widgets from within a jupyter notebook to update a bokeh plot. My (somewhat hacky) code looks like this:
from bokeh.plotting import figure
from bokeh.io import output_notebook, push_notebook, show
from bokeh.models import CustomJS, Slider
output_notebook()
power = 0.5
x = [1,2,3]
y = [i**power for i in x]
fig = figure()
plt = fig.circle(x, y)
def update_plot(power):
x = plt.data_source.data['x']
plt.data_source.data['y'] = [i**power for i in x]
push_notebook(handle=bokeh_handle)
bokeh_handle = show(fig, notebook_handle=True)
##### new notebook cell #####
callback = CustomJS(code="""
if (IPython.notebook.kernel !== undefined) {
var kernel = IPython.notebook.kernel;
cmd = "update_plot(" + cb_obj.value + ")";
kernel.execute(cmd, {}, {});
}
""")
slider = Slider(start=0.1,
end=1,
value=1,
step=.05,
title="power",
callback=callback)
show(slider)
这个想法是,滑块的JS回调调用python函数update_plot()
,该函数会更改散景图的数据,然后触发push_notebook()
.
The idea is that the JS callback for the slider calls the python function update_plot()
, which changes the data of the bokeh plot and then triggers a push_notebook()
.
但是,当我移动滑块时,图不会更新,但是会出现一些奇怪的字形在左上角(请参见红色箭头).
However, when I move the slider, the plot is not updated, but some weird glyphs appear in the upper left corner (see red arrow).
执行print(plt.data_source.data['y'])
告诉我,回调和update_plot()
实际上是在滑块移动时调用的.为什么情节没有正确更新?还是我在这里想念东西?
Executing print(plt.data_source.data['y'])
showed me that the callback and update_plot()
were actually called upon slider movement. Why is the plot not properly updated? Or am I missing something here?
(我知道我可以使用ipywidgets.interact
做同样的事情,但我想坚持使用bokeh小部件.)
(I know that I can do the same thing using ipywidgets.interact
, but I want to stick to bokeh widgets.)
推荐答案
我通过在bokeh.layouts.row
布局中显示图形和滑块控件来使绘图按预期进行更新:
I got the plot to update as expected by displaying the figure and the slider widget within a bokeh.layouts.row
layout:
from bokeh.plotting import figure
from bokeh.io import output_notebook, push_notebook, show
from bokeh.models import CustomJS, Slider
from bokeh.layouts import row
output_notebook()
power = 0.5
x = [1,2,3]
y = [i**power for i in x]
fig = figure()
plt = fig.circle(x, y)
def update_plot(power):
x = plt.data_source.data['x']
plt.data_source.data['y'] = [i**power for i in x]
push_notebook(handle=bokeh_handle)
##### new notebook cell #####
callback = CustomJS(code="""
if (IPython.notebook.kernel !== undefined) {
var kernel = IPython.notebook.kernel;
cmd = "update_plot(" + cb_obj.value + ")";
kernel.execute(cmd, {}, {});
}
""")
slider = Slider(start=0.1,
end=1,
value=1,
step=.05,
title="power",
callback=callback)
bokeh_handle = show(row(fig, slider), notebook_handle=True)
这篇关于在jupyter笔记本中使用bokeh小部件更新bokeh情节的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!