Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/321.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Bokeh:如何从回调中打开/关闭鼠标悬停工具?_Javascript_Python_Bokeh - Fatal编程技术网

Javascript Bokeh:如何从回调中打开/关闭鼠标悬停工具?

Javascript Bokeh:如何从回调中打开/关闭鼠标悬停工具?,javascript,python,bokeh,Javascript,Python,Bokeh,有没有办法在回调中激活/停用鼠标悬停工具 我尝试在使用复选框切换线可见性的同时执行此操作。 每一行都有一个hovertool,当一行有“visible=false”时,我将相应工具的“names”属性设置为一个伪字符串;否则,我将其设置为行的初始“name”属性 它在第一次选中任何框时都有效,其他两行消失,并且悬停工具不会显示在它们上。但是重新激活hovertool不起作用 以下是我的尝试: from bokeh.plotting import figure, output_file from

有没有办法在回调中激活/停用鼠标悬停工具

我尝试在使用复选框切换线可见性的同时执行此操作。 每一行都有一个hovertool,当一行有“visible=false”时,我将相应工具的“names”属性设置为一个伪字符串;否则,我将其设置为行的初始“name”属性

它在第一次选中任何框时都有效,其他两行消失,并且悬停工具不会显示在它们上。但是重新激活hovertool不起作用

以下是我的尝试:

from bokeh.plotting import figure, output_file
from bokeh.models import CustomJS, HoverTool, CheckboxGroup, ColumnDataSource
from bokeh.layouts import gridplot
from bokeh.resources import CDN
from bokeh.embed import file_html

from collections import OrderedDict

TOOLTIPS = [ ("x", "$~x"), ("y", "$~y") ]

TOOLS = ['crosshair']

source = ColumnDataSource(data={'x':range(10),'y0':range(10),'y1':range(10)[::-1],'y2':[i**0.5 for i in range(10)]})

fig = figure(tools=TOOLS)

fig.tools[0].dimensions = 'height'

plots = []
plots.append( fig.line(x='x',y='y0', name="0", source=source) )
plots.append( fig.line(x='x',y='y1', name="1", source=source) )
plots.append( fig.line(x='x',y='y2', name="2", source=source) )


names = ['first','second','third']
ID=0
for plot in plots:
    fig.add_tools( HoverTool(mode='vline',line_policy='interp',renderers=[plot],names=[str(ID)],tooltips=OrderedDict( [('name',names[ID])]+TOOLTIPS )) )
    ID+=1

N_plots = range(len(plots))

checkbox = CheckboxGroup(labels=names,active=[],width=200)
checkbox_iterable =[('p'+str(i),plots[i]) for i in N_plots]+[('hover'+str(i),fig.tools[1:][i]) for i in N_plots]+[('checkbox',checkbox)]
checkbox_code = """var indexOf = [].indexOf;"""+''.join(['p'+str(i)+'.visible = indexOf.call(checkbox.active, '+str(i)+') >= 0;' for i in N_plots])
checkbox_code += ''.join(['if(p'+str(i)+'.visible) hover'+str(i)+'.names = ["'+str(i)+'"];' for i in N_plots])+''.join(['if(p'+str(i)+'.visible==false) hover'+str(i)+'.names = ["no"];' for i in N_plots])
checkbox_code += ''.join(['console.log(hover'+str(i)+'.names);' for i in N_plots])
checkbox.callback = CustomJS(args={key: value for key,value in checkbox_iterable}, code=checkbox_code)

grid = gridplot([[fig,checkbox]],toolbar_location='left')

outfile=open('hovtest.html','w')
outfile.write(file_html(grid,CDN,'test'))
outfile.close()

我使用bokeh 0.12.4

bokeh讨论小组的一位成员找到了一个很好的方法来实现这一点()

我们可以根据checkbox.active列表更改悬停工具的显示属性。下面是一个示例代码:

from bokeh.plotting import figure, output_file
from bokeh.models import CustomJS, HoverTool, CheckboxGroup, ColumnDataSource
from bokeh.layouts import gridplot
from bokeh.resources import CDN
from bokeh.embed import file_html

from collections import OrderedDict

TOOLTIPS = [ ("x", "$~x"), ("y", "$~y") ]

TOOLS = ['crosshair']

data = {'x':range(10),
        'y0':range(10),
        'y1':range(10)[::-1],
        'y2':[i**0.5 for i in range(10)]
        }

source = ColumnDataSource(data=data)

fig = figure(tools=TOOLS)

fig.tools[0].dimensions = 'height'

plots = []
plots.append( fig.line(x='x',y='y0', name="first", source=source) )
plots.append( fig.line(x='x',y='y1', name="second", source=source) )
plots.append( fig.line(x='x',y='y2', name="third", source=source) )

checkbox = CheckboxGroup(   
    labels=[plot.name for plot in plots],
    active=[0,1,2],
    width=200,
    callback = CustomJS(    args=dict(p0=plots[0],p1=plots[1],p2=plots[2]),
                            code = """
                                p0.visible = cb_obj.active.includes(0);
                                p1.visible = cb_obj.active.includes(1);
                                p2.visible = cb_obj.active.includes(2);
                                """
                        )
    )

for ID,plot in enumerate(plots):
    fig.add_tools(  
        HoverTool(  
            mode='vline',
            line_policy='interp',
            renderers=[plot],
            names=[plot.name],
            tooltips=OrderedDict( [('name',plot.name)]+TOOLTIPS ),
            callback=CustomJS(  args=dict(cb=checkbox),
                                code="""
                                    if(!cb.active.includes(%d)) {
                                    document.getElementsByClassName('bk-tooltip')[%d].style.display = 'none';
                                    }
                                    """ % (ID,ID)
                                )
            ) 
    )

grid = gridplot([[fig,checkbox]],toolbar_location='left')

outfile=open('hovtest.html','w')
outfile.write(file_html(grid,CDN,'hovtest'))
outfile.close()