Question

我正在尝试添加一个功能来重新计算差异列。目前我使用一个按钮来触发回调，但我真的很想通过双击表中的一行来触发它。
我只能通过使用代码找到单击实现的解决方案 source.selected.js_on_change('indices', callback)。有谁知道如何让 DataTable 对双击做出反应？

from bokeh.models import ColumnDataSource, TableColumn, DataTable, Div, CustomJS, Button
from bokeh.layouts import column
from bokeh.plotting import show
from bokeh import events

names = ['Alfa', 'Bravo', 'Charlie', 'Delta']
values = [150, 100, 125, 200]
difference = [0, 0, 0, 0]

data = dict(names=names, values=values, diff=difference)
source = ColumnDataSource(data)
columns = [TableColumn(field='names', title='Name', width=200),
           TableColumn(field='values', title='Value (-)', width=200),
           TableColumn(field='diff', title='Difference (%)', width=200)]

# create total table width value
table_width = 0
for col in columns:
    table_width = table_width + col.width
header = Div(text=f'<b>Results<b>', style={'font-size': '150%'})
fig = DataTable(source=source, columns=columns, height=len(values) * 25 + 50, width=table_width, selectable=True)

# callback to change reference for (%) difference calculation
callback = CustomJS(args=dict(source=source), code="""
    var idx = source.selected.indices[0]
    if (typeof idx == "undefined") {
        idx = 0
    }
    var ref_val = source.data['values'][idx]
    console.log(ref_val)
    var d = source.data['diff']
    for (var i = 0; i < d.length; i++) {
        value = source.data['values'][i]
        source.data['diff'][i] = (100*(value/ref_val-1)).toFixed(2)
    }
    source.change.emit()
""")

button = Button()
button.label = 'Click HERE to change reference to selected row for Difference (%) calculation'

# source.selected.js_on_change('indices', callback)
source.selected.js_on_event(events.DoubleTap, callback)
button.js_on_event(events.ButtonClick, callback)

show(column([button, fig]))

如何使散景数据表响应 DoubleTap

0 个答案: