python - 交互式静态图像 Bokeh

Question

我知道，我可以按照以下示例在 Bokeh 中显示带有 Div 的图像:

How to display static images in Bokeh using Div

但是是否可以根据某些输入更改显示的图像。例如，我的图像文件夹中有三张图片，还有一个带有 Bokeh 的下拉选择菜单。是否可以根据用户选择的内容更改 Div？

我正在使用 Bokeh 服务器部署它，而不仅仅是静态 html。

我现在有这个:

def maphandler(attr, old, new):

    div.text = new

div = Div(text="<img src='images/map2016.png'>")
menu = [("2016", "<img src='images/map2016.png'>"),
        ("2017", "<img src='images/map2017.png'>"),
        ("2018", "<img src='images/map2018.png'>")]
map_dropdown = Dropdown(name='Select Year:', menu=menu)
map_dropdown.on_change('value', maphandler)
map_row = row(map_dropdown, div)
layout = layout(map_row)

我的文件夹结构如下所示:

/bokeh_server
   /images
      map2016.png
      map2017.png
      map2018.png
    main.py

这应该有效吗？然而，当我运行服务器时，图像没有显示。

Answer 1

因为您正在使用 Bokeh 服务器进行部署，所以您可以使用文档 about widgets 中所述的 python 处理程序。 .

div = Div(text="<img src='myapp/static/images/myimg.jpg'>")

menu = [("Img 1", "<img src='myapp/static/images/myimg.jpg'>"), 
        ("Img 2", "<img src='myapp/static/images/myimg2.jpg'>")]

def handler(attr, old, new):
    div.text = new

dropdown = DropDown(labels="Images", menu=menu)
dropdown.on_change("value", handler)