Question

我希望能够浏览许多图表，这些图表是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 滑块以获取其属性并动态更新它们。这可能吗？否则它会极大地限制多个滑块在散景中的使用。

Answer 1

编辑：针对更新版本进行了更新

您传递滑块的方式与传递source的方式相同，作为args字典中的项目。您在那里传递的任何Python端Bokeh模型都会自动提供给回调。然后，BokehJS模型属性与reference guide中描述的python属性完全匹配。这是一个基于另一个更新一个滑块的示例：

# Example from Bokeh 0.12.x

from bokeh.plotting import show, output_file
from bokeh.layouts import column
from bokeh.models import CustomJS, Slider

s1 = Slider(start=1, end=10, value=1, step=1)
s2 = Slider(start=0, end=1, value=0, step=1)

s1.callback = CustomJS(args=dict(s1=s1, s2=s2), code="""
    s2.end = s1.value;
""")

output_file("foo.html")

show(column(s1,s2))

与Bokeh相关的滑块，如何编写回调

1 个答案: