如何在回调中悬停时引用散景四边形值

Question

当我将鼠标悬停在散景四边形上时，我正在尝试从中提取列数据源值。

现在我只能在回调范围内找到两个变量。
cb_obj 和 cb_data

code = """
    console.log(cb_obj);
    console.log(cb_data)
""" 

callback = CustomJS(code=code)

quad_plot.add_tools(HoverTool(tooltips=None, callback=callback))

作为 Javascript 的新手，我在遍历和理解 inspector/in-browser 控制台中的 cb_obj 和 cb_data 输出时遇到了问题。

我想知道如何引用我当前悬停的四边形的值？

Answer 1

cb_data 包含与当前悬停字形相关的索引。然后，您可以使用它为基础数据编制索引，以达到您想要的任何目的。

from bokeh.plotting import figure, show
from bokeh.models import HoverTool, CustomJS, ColumnDataSource

top = [2, 3, 4]
bottom = [1, 2, 3]
left = [1, 2, 3]
right = [1.2, 2.5, 3.7]
data = {'top':top, 'bottom':bottom, 'left':left, 'right':right}
source = ColumnDataSource(data)
quad_plot = figure(plot_width=300, plot_height=300)
quad_plot.quad(top="top", bottom="bottom", left="left",
    right="right",source=source, color="#B3DE69")

code = """
    var hovered_ind = cb_data.index['1d'].indices[0];
    var data = source.data
    console.log(hovered_ind)
    if(hovered_ind != undefined){
        console.log('inside', hovered_ind)
        var top = data['top'][hovered_ind]
        var bottom = data['bottom'][hovered_ind]
        var left = data['left'][hovered_ind]
        var right = data['right'][hovered_ind]
        console.log(top, bottom, left, right)
    }
""" 


callback = CustomJS(code=code, args={'source': source})

quad_plot.add_tools(HoverTool(tooltips=None, callback=callback))  

show(quad_plot)

如何在回调中悬停时引用散景四边形值

How to reference Bokeh quad values on-hover within callback

python

bokeh