Как отобразить разницу между двумя точками из двух разных символов в боке, используя HoverTool?

Question

У меня есть две линии на графике, и я хочу сместить разницу каждой пары точек при наведении, используя HoverTool.

Я пробовал '@y' - '@yhat', float('@y') - float('@yhat'), @y - @yhat, ноничего не получалось.

Answer 1

Это может быть организовано с помощью обратного вызова JS на HoverTool следующим образом (Bokeh v1.1.0):

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

p = figure()
l1 = p.line([1, 2, 3, 4, 5], [14, 16, 11, 12, 17], color = 'green')
l2 = p.line([1, 2, 3, 4, 5], [15, 10, 19, 18, 13], color = 'red')

code = '''  var index = cb_data.index['0d'].indices[0]; 
            if (index != null){
                v1 = String(l1.data_source.data['y'][index]);
                v2 = String(l2.data_source.data['y'][index]);
                diff = String(v1 - v2);
                hover.tooltips = [["x", "@x"], ["y1", v1], ["y2", v2], ["diff", diff]];                                    
            } '''
hover = HoverTool(mode = 'vline', line_policy = 'prev', point_policy = 'snap_to_data', renderers = [l1])
hover.callback = CustomJS(args = dict(l1 = l1, l2 = l2, hover = hover), code = code)
p.add_tools(hover)

show(p)

Результат: