【发布时间】:2016-05-03 11:46:32
【问题描述】:
我希望能够滑过许多图,这些图是跨越 3 个以上维度的模拟结果。我正在通过 Python 使用 Bokeh 包。
为简单起见,假设我有两个维度:d 和 nc。但是 nc 依赖于 d 的方式如下:
if d=100, nc=56,57
if d=20, nc=5,6
我有 4 张图片:
d_100_nc_56.png,
d_100_nc_57.png,
d_20_nc_5.png,
d_20_nc_6.png
所以我想要两个滑块,一个用于 d,一个用于 nc,通过 Bokeh.plotting.Figure 的 image_url 函数循环 .png 图像。但是,当我更改 d
中的滑块时,nc 滑块的值应该会自行更新from bokeh.io import vform
from bokeh.models import CustomJS, ColumnDataSource, Slider
from bokeh.plotting import Figure, output_file, show
output_file('image.html')
source = ColumnDataSource(data=dict(url=['d_100_nc_55.png']))
p = Figure(x_range=(0,1), y_range=(0,1))
callback_nc = CustomJS(args=dict(source=source), code="""
var data = source.get('data');
var f = cb_obj.get('value')
old = data['url'][0]
to_replace=old.substring(old.lastIndexOf("nc_")+3,old.lastIndexOf(".png"))
data['url'][0] = old.replace(to_replace,f.toString(10))
source.trigger('change');
""")
callback_d = CustomJS(args=dict(source=source), code="""
var data = source.get('data');
var f = cb_obj.get('value')
old = data['url'][0]
to_replace=old.substring(old.lastIndexOf("d_")+2,old.lastIndexOf("_nc_"))
data['url'][0] = old.replace(to_replace,f.toString(10))
source.trigger('change');
""")
p.image_url('url',source=source, x=0, y=1,w=1,h=1)
p.text(x=0,y=0,text=source.data['url'])
slider_nc = Slider(start=55, end=65, value=1, step=1, title="nc", callback=callback_nc)
slider_d = Slider(start=20, end=100, value=100, step=80, title="density", callback=callback_d)
layout = vform(slider_nc,slider_d, p)
show(layout)
但是,我不知道如何将 d 滑块作为参数传递给 nc 滑块以获取其属性并即时更新它们。这可能吗 ?否则,它会极大地限制通过散景使用多个滑块。
【问题讨论】:
标签: javascript python slider interactive bokeh