在Bokeh的Tap事件上更新DataTable

from bokeh.io import curdoc
from bokeh.models import ColumnDataSource, DataTable, TableColumn
from bokeh.plotting import figure
from bokeh.events import Tap

# 创建数据源
source = ColumnDataSource(data=dict(x=[1, 2, 3], y=[4, 5, 6], desc=['A', 'B', 'C']))

# 创建图形
p = figure(tools="tap", width=400, height=400)
p.circle('x', 'y', size=20, source=source)

# 创建数据表格
columns = [TableColumn(field="x", title="X"), TableColumn(field="y", title="Y"), TableColumn(field="desc", title="Description")]
data_table = DataTable(source=source, columns=columns, width=400, height=280)

# 定义Tap事件处理函数
def tap_handler(event):
    if event.target == p.circle[0]:
        index = source.selected.indices[0]
        new_desc = f"Clicked {index}"
        source.data['desc'][index] = new_desc

# 绑定Tap事件
p.on_event(Tap, tap_handler)

# 将图形和表格添加到当前文档
curdoc().add_root(p)
curdoc().add_root(data_table)

def tap_handler(event):
    if event.target == p.circle[0]:
        index = source.selected.indices[0]
        new_desc = f"Clicked {index}"
        source.data['desc'][index] = new_desc
        source.change.emit()  # 确保视图更新