Условная всплывающая подсказка

Question

Я пытаюсь создать пользовательский курсор на основе данных на диаграмме с накоплением. В приведенном ниже примере, если пользователь наводит курсор на «cat1», тогда должен быть возвращен «cat1_text»;'cat2_text' и 'cat3_text' для 'cat2' и 'cat3' соответственно.

Для всплывающей подсказки, так как $ name вернет либо 'cat1', 'cat2', либо 'cat3', я подумал, добавив'_text', значение будет вызываться соответственно (но, конечно, это не так, как работает python / bokeh). Я думал об использовании любых вызовов функций / индексов, но не слишком уверен, как это сделать. Добрый совет. Большое спасибо!

category = ['cat1', 'cat2', 'cat3']

data = {'timeVal' : [0,1,2,3,4,5],
        'cat1'   : [2, 1, 4, 3, 2, 4],
        'cat2'   : [5, 3, 4, 2, 4, 6],
        'cat3'   : [3, 2, 4, 4, 5, 3],
        'cat1_text'   : ['a','b','c','d','e','f'],
        'cat2_text'   : ['a1','b1','c1','d1','e1','f1'],
        'cat3_text'   : ['a2','b2','c2','d2','e2','f2'],
}

toolTipArr = [
    ("name", "$name"),
    ("count", "@$name"),
    ("info", '@'+'$name'+'_text}')
]

p = figure(x_range=(startTime,endTime), plot_height=250, plot_width=1000, title="project",
           toolbar_location="right", tools="hover,pan,wheel_zoom,box_zoom,reset", 
           tooltips=toolTipArr)

p.vbar_stack(category, x='timeVal', width=2, color=colors, source=data,
             legend=[value(x) for x in category])

Answer 1

Это реализация, предложенная bigreddot с использованием CustomJSHover (работает для Bokeh v1.3.0):

from bokeh.core.properties import value
from bokeh.models import ColumnDataSource, CustomJSHover
from bokeh.plotting import figure, show

fruits = ['Apples', 'Pears', 'Nectarines', 'Plums', 'Grapes', 'Strawberries']
years = ["2015", "2016", "2017"]
colors = ["#c9d9d3", "#718dbf", "#e84d60"]

data = {'fruits' : fruits,
        '2015'   : [2, 1, 4, 3, 2, 4],
        '2016'   : [5, 3, 4, 2, 4, 6],
        '2017'   : [3, 2, 4, 4, 5, 3]}

source = ColumnDataSource(data=data)

tooltips= [("name", "$name"), ("count", "@$name")]

p = figure(x_range=fruits, plot_height=350, title="Fruit Counts by Year",
           toolbar_location=None, tooltips=tooltips)

renderers = p.vbar_stack(years, x='fruits', width=0.9, color=colors, source=source,
                         legend=[value(x) for x in years], name=years)

p.hover[0].tooltips.append(('info', '$name{custom}'))
p.hover[0].formatters = {'$name' : CustomJSHover(code = "return special_vars.name + '_text'")}

show(p)

Немного больше усилий вы можете достичь того же, используяCustomJS обратный вызов (Bokeh v1.3.0):

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

fruits = ['Apples', 'Pears', 'Nectarines', 'Plums', 'Grapes', 'Strawberries']
years = ["2015", "2016", "2017"]
colors = ["#c9d9d3", "#718dbf", "#e84d60"]

data = {'fruits' : fruits,
        '2015'   : [2, 1, 4, 3, 2, 4],
        '2016'   : [5, 3, 4, 2, 4, 6],
        '2017'   : [3, 2, 4, 4, 5, 3]}

source = ColumnDataSource(data=data)

p = figure(x_range=fruits, plot_height=350, title="Fruit Counts by Year",
           toolbar_location=None, tools="")

renderers = p.vbar_stack(years, x='fruits', width=0.9, color=colors, source=source,
                         legend=[value(x) for x in years], name=years)

hover_code = "if (cb_data.index.indices.length > 0) { cb_obj.tooltips[2] = ['info', cb_obj.name + '_text'] }"

for renderer in renderers:
    p.add_tools (HoverTool(tooltips=[("name", "$name"),
                                     ("count", "@$name"),
                                     ("info", "@info"), ],
                           renderers=[renderer],
                           name = renderer.name,
                           callback = CustomJS(code = hover_code)))
show(p)

Answer 2

$name и @$name вычисляются первыми перед любыми другими текстовыми операциями, поэтому вышеописанный подход не будет работать. Вам нужно будет использовать CustomJSHover, чтобы сделать что-то вроде этой работы

custom = CustomJSHover(args=dict(source=source), code="""
    // use special_vars.name and use special_vars.indices to index in 
    // to the right column of source.data
""")