下面是一个使用Bokeh库来更新Div文本的示例代码:
from bokeh.io import curdoc
from bokeh.layouts import column
from bokeh.models import Button, Div
from bokeh.plotting import figure
# 创建一个Div组件
div = Div(text="Hello, Bokeh!")
# 创建一个回调函数,用于更新Div文本
def update_div():
div.text = "Button clicked!"
# 创建一个按钮组件,并绑定回调函数
button = Button(label="Click me!")
button.on_click(update_div)
# 创建一个图形
plot = figure(width=400, height=400)
plot.circle([1, 2, 3], [3, 2, 1])
# 将Div、按钮和图形组合到一起
layout = column(div, button, plot)
# 将布局添加到文档中
curdoc().add_root(layout)
在这个示例中,我们首先导入所需的Bokeh库和组件。然后,我们创建一个Div组件,并设置初始文本为“Hello, Bokeh!”。接下来,我们定义一个回调函数update_div()
,该函数会在按钮点击时触发,并将Div的文本更新为“Button clicked!”。然后,我们创建一个按钮组件,并将回调函数绑定到按钮的on_click
事件上。最后,我们创建一个图形,并将Div、按钮和图形组合到一个布局中。最后,我们将布局添加到当前文档中。
要运行这个示例,可以将代码保存为.py
文件,并使用Bokeh的命令行工具来启动服务器:
bokeh serve --show myapp.py
然后,您就可以在浏览器中看到一个包含Div、按钮和图形的应用程序。当您点击按钮时,Div的文本将更新为“Button clicked!”。