如何捕获Holoviews Points的点击事件？现有代码报错求解决

需求：实现点击/双击hv.Points时渲染图片类组件，编写代码后出现如下错误：

KeyError: "Callable '' missing keywords to accept stream parameters: x,y"

原代码 #

import holoviews as hv
from holoviews import dim, opts

import ipywidgets as widgets

# 定义用于展示的组件创建函数
def create_widget(point):                                              
       return widgets.HTML(value=f"You clicked on point ({point[0]},{point[1]})")

# 创建可点击的Holoviews点图
points = hv.Points([(0, 0), (1, 1), (2, 2)])

# 定义点击点时触发的回调函数
def click_callback(point):                                       
  widget.value = create_widget(point).repr_html()

# 创建用于展示点击点信息的组件
widget = widgets.HTML()

# 通过hv.DynamicMap将回调绑定到图上
dynamic_points = hv.DynamicMap(lambda point: points.select(x=point[0], y=point[1]), streams=[hv.streams.SingleTap(transient=True, callback=click_callback)])
dynamic_points.opts(opts.Points(size=10)).redim(x=dim('X Axis'), y=dim('Y Axis'))

# 展示图和组件
hv.Layout(dynamic_points + widget).cols(2)

错误原因 #

SingleTap流传递的是x和y两个独立参数，而非point元组，原代码中DynamicMap的lambda函数期望接收point参数，无法匹配流传递的参数，导致报错。

解决代码示例 #

方式1：仅用回调更新组件（无需DynamicMap筛选点）

如果只需要点击后更新展示组件，不需要高亮选中的点，可以直接给SingleTap绑定回调：

import holoviews as hv
from holoviews import dim, opts
import ipywidgets as widgets

hv.extension('bokeh')  # 加载bokeh后端确保交互生效

# 创建点图
points = hv.Points([(0, 0), (1, 1), (2, 2)]).opts(
    opts.Points(size=10),
    redim(x=dim('X Axis'), y=dim('Y Axis'))
)

# 创建展示组件
widget = widgets.HTML(value="点击任意点查看信息")

# 定义点击回调：接收x和y参数
def click_callback(x, y):
    if x is not None and y is not None:  # 判断是否点击到有效点
        widget.value = f"You clicked on point ({x:.2f},{y:.2f})"
    else:
        widget.value = "未点击到有效点"

# 绑定SingleTap流
tap_stream = hv.streams.SingleTap(source=points, transient=True)
tap_stream.add_subscriber(click_callback)

# 展示布局
hv.Layout(points + widget).cols(2)

方式2：结合DynamicMap高亮选中点+更新组件

如果需要同时高亮点击的点并更新组件，可以让DynamicMap接收x和y参数，同时在回调里更新组件：

import holoviews as hv
from holoviews import dim, opts
import ipywidgets as widgets

hv.extension('bokeh')

# 创建基础点图
points = hv.Points([(0, 0), (1, 1), (2, 2)]).opts(
    opts.Points(size=10, color='blue'),
    redim(x=dim('X Axis'), y=dim('Y Axis'))
)

# 展示组件
widget = widgets.HTML(value="点击任意点查看信息")

# 定义回调：更新组件
def update_widget(x, y):
    if x is not None and y is not None:
        widget.value = f"You clicked on point ({x:.2f},{y:.2f})"
    else:
        widget.value = "未点击到有效点"

# DynamicMap用于高亮选中的点
def highlight_selected(x, y):
    if x is None or y is None:
        return points
    # 筛选出点击的点并设置高亮样式
    selected_point = points.select(x=x, y=y).opts(opts.Points(size=15, color='red'))
    return points * selected_point

# 创建流并绑定回调
tap_stream = hv.streams.SingleTap(source=points, transient=True)
tap_stream.add_subscriber(update_widget)

# 创建DynamicMap
dynamic_points = hv.DynamicMap(highlight_selected, streams=[tap_stream])

# 展示布局
hv.Layout(dynamic_points + widget).cols(2)

双击实现（替换SingleTap为DoubleTap）

如果需要双击触发，只需把hv.streams.SingleTap换成hv.streams.DoubleTap即可，其他逻辑一致：

# 替换流为DoubleTap
tap_stream = hv.streams.DoubleTap(source=points, transient=True)

内容的提问来源于stack exchange，提问作者Debashish Samantaray