在Bokeh的Tap事件上更新DataTable

from bokeh.plotting import figure, curdoc
from bokeh.models import DataTable, ColumnDataSource, TapTool
from bokeh.models.widgets import Div
from bokeh.layouts import column

# 创建一个数据表格的数据源
data = {'x': [1, 2, 3, 4, 5], 'y': [6, 7, 8, 9, 10]}
source = ColumnDataSource(data)

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

# 创建一个图形，并添加Tap事件的回调函数
p = figure(width=400, height=400, tools="tap")
p.circle('x', 'y', size=10, source=source)

def update_table(attr, old, new):
    selected_indices = source.selected.indices
    if selected_indices:
        selected_data = {'x': [], 'y': []}
        for index in selected_indices:
            selected_data['x'].append(data['x'][index])
            selected_data['y'].append(data['y'][index])
        data_table.source.data = selected_data

# 将Tap事件的回调函数绑定到图形上
p.select(TapTool).callback = CustomJS.from_py_func(update_table)

# 创建一个文本组件，用于显示选中的数据
selected_data_text = Div()

# 创建一个布局，并将图形、数据表格和文本组件添加到布局中
layout = column(p, data_table, selected_data_text)

# 将布局添加到文档中
curdoc().add_root(layout)