python - 如何通过将鼠标悬停在 Bokeh 中的不同字形上来更改字形组的颜色？或者显示描述关系的线条

Question

我有以下情节

使用

from bokeh.layouts import gridplot
from bokeh.models import ColumnDataSource, CDSView, IndexFilter
from bokeh.plotting import figure, show
from bokeh.io import curdoc, output_notebook, output_file, export_png
from bokeh.models import (
  ColumnDataSource, Circle, Square, HoverTool,Grid, TapTool,PanTool, WheelZoomTool, BoxSelectTool,ZoomInTool, ZoomOutTool, CDSView, GroupFilter)

curdoc().clear()
output_notebook()

source1 = ColumnDataSource(data=dict(x=[1, 2, 3, 4, 5], y=[1, 2, 3, 4, 5]))
source2 = ColumnDataSource(data=dict(x=[3, 4], y=[2, 3]))

p = figure(plot_height=300, plot_width=300, tools="pan,wheel_zoom,box_zoom,reset,zoom_in,zoom_out,save")
circle = Circle(x="x", y="y", size=10)

square = Square(x="x", y="y", size=10)
hover_square = Square(x="x", y="y", size=10, fill_color="red")

c = p.add_glyph(source1, circle)
s = p.add_glyph(source2, square, hover_glyph=hover_square)

c_hover = HoverTool(renderers=[c,s], tooltips=[('x', '@x')])
p.add_tools(c_hover)

show(p)

当我将鼠标悬停在底部方 block 上时，我想更改底部三个圆圈的颜色；当顶部方 block 悬停在上面时，我想更改顶部两个圆圈的颜色吗？假设我有一个识别这种关系的数据框。

在 Bokeh 中有办法做到这一点吗？

如果我还可以仅在将鼠标悬停在正方形上时显示从正方形到圆形的线条来描述关系，那就更好了。

Answer 1

您可以使用CustomJS for Hover更新其他字形的属性，例如颜色或可见性。