multiple_line 图中的 Bokeh hovertool

Question

我是散景的新手，我刚开始使用 hovertool，因为这就是我首先想使用散景的原因。现在我正在绘制基因图，我想要实现的是具有相同 y 坐标的多条线，当您将鼠标悬停在一条线上时，您会获得该基因的名称和位置。

我试图模仿 this 示例，但出于某种原因，我什至无法让它显示坐标。

我敢肯定，如果真正了解散景的人看到这段代码，错误就会很明显，如果他们能给我看，我将不胜感激。

from bokeh.plotting import figure, HBox, output_file, show, VBox, ColumnDataSource
from bokeh.models import Range1d, HoverTool
from collections import OrderedDict
import random

ys = [10 for x in range(len(levelsdf2[(name, 'Start')]))]
xscale = zip(levelsdf2[('Log', 'Start')], levelsdf2[('Log', 'Stop')])
yscale = zip(ys,ys)

TOOLS="pan,wheel_zoom,box_zoom,reset,hover"
output_file("scatter.html")
hover_tips = levelsdf2.index.values
colors = ["#%06x" % random.randint(0,0xFFFFFF) for c in range(len(xscale))]

source = ColumnDataSource(
    data=dict(
        x=xscale,
        y=yscale,
        gene=hover_tips,
        colors=colors,
    )
)


p1 = figure(plot_width=1750, plot_height=950,y_range=[0, 15],tools=TOOLS)
p1.multi_line(xscale[1:10],yscale[1:10], alpha=1, source=source,line_width=10, line_color=colors[1:10])

hover = p1.select(dict(type=HoverTool))
hover.tooltips = [
    ("index", "$index"),
    ("(x,y)", "($x, $y)"),
]

show(p1)

levelsdf2 是 pandas.DataFrame，如果重要的话。

Answer 1

我自己想出来的。事实证明，Bokeh 的 0.8.2 版不允许使用 hovertool 来绘制线条，所以我使用四边形做了同样的事情。

from bokeh.plotting import figure, HBox, output_file, show, VBox, ColumnDataSource
from bokeh.models import Range1d, HoverTool
from collections import OrderedDict
import random


xscale = zip(levelsdf2[('series1', 'Start')], levelsdf2[('series1', 'Stop')])
xscale2 = zip(levelsdf2[('series2', 'Start')], levelsdf2[('series2', 'Stop')])
yscale2 = zip([9.2 for x in range(len(levelsdf2[(name, 'Start')]))],[9.2 for x in range(len(levelsdf2[(name, 'Start')]))])

TOOLS="pan,wheel_zoom,box_zoom,reset,hover"
output_file("linesandquads.html")
hover_tips = levelsdf2.index.values
colors = ["#%06x" % random.randint(0,0xFFFFFF) for c in range(len(xscale))]
proc1 = 'Log'
proc2 = 'MazF2h'
expression1 = levelsdf2[(proc1, 'Level')]
expression2 = levelsdf2[(proc2, 'Level')]
source = ColumnDataSource(
    data=dict(
        start=[min(xscale[x]) for x in range(len(xscale))],
        stop=[max(xscale[x]) for x in range(len(xscale))],
        start2=[min(xscale2[x]) for x in range(len(xscale2))],
        stop2=[max(xscale2[x]) for x in range(len(xscale2))],
        gene=hover_tips,
        colors=colors,
        expression1=expression1,
        expression2=expression2,

    )
)


p1 = figure(plot_width=900, plot_height=500,y_range=[8,10.5],tools=TOOLS)
p1.quad(left="start", right="stop", top=[9.211 for x in range(len(xscale))],
        bottom = [9.209 for x in range(len(xscale))], source=source, color="colors")

p1.multi_line(xscale2,yscale2, source=source, color="colors", line_width=20)


hover = p1.select(dict(type=HoverTool))

hover.tooltips = OrderedDict([
    (proc1+" (start,stop, expression)", "(@start| @stop| @expression1)"),

    ("Gene","@gene"),
])

show(p1)

很有魅力。

编辑： 根据要求添加了结果图片并编辑了代码以匹配发布的屏幕截图。

这不是最好的解决方案，因为事实证明在一个图上绘制多个系列的四边形并不是那么容易。这可能是可能的，但由于它在我的用例中并不重要，所以我没有进行过多的调查。

由于所有基因都在所有系列的同一位置表示，我只是将所有系列的工具提示添加到四边形，并将其他系列绘制为同一图上的 multi_line 图。

这意味着，如果您将鼠标悬停在 9.21 处的顶行，您也会在 9.2 处获得该行的工具提示，但如果您将鼠标悬停在 9.2 行，则根本不会获得工具提示。

multiple_line 图中的 Bokeh hovertool

Bokeh hovertool in multiple_line plot

python

bokeh