将工具提示包含在Bokeh中的聚类条形图中

问题描述 投票:1回答:2

我在下面有一些聚类条形图的代码。是否有人能够告诉我需要做什么来包括下面的图表。它是一个聚集(非堆叠)条形图。

from bokeh.core.properties import value
from bokeh.io import show, output_file
from bokeh.models import ColumnDataSource, FactorRange
from bokeh.plotting import figure

output_file("bar_stacked_grouped.html")

factors = [
    ("Q1", "jan"), ("Q1", "feb"), ("Q1", "mar"),
    ("Q2", "apr"), ("Q2", "may"), ("Q2", "jun"),
    ("Q3", "jul"), ("Q3", "aug"), ("Q3", "sep"),
    ("Q4", "oct"), ("Q4", "nov"), ("Q4", "dec"),

]

regions = ['east', 'west']

source = ColumnDataSource(data=dict(
    x=factors,
    east=[ 5, 5, 6, 5, 5, 4, 5, 6, 7, 8, 6, 9 ],
    west=[ 5, 7, 9, 4, 5, 4, 7, 7, 7, 6, 6, 7 ],
))

p = figure(x_range=FactorRange(*factors), plot_height=250,
           toolbar_location=None, tools="")

p.vbar_stack(regions, x='x', width=0.9, alpha=0.5, color=["blue", "red"], source=source,
             legend=[value(x) for x in regions])

p.y_range.start = 0
p.y_range.end = 18
p.x_range.range_padding = 0.1
p.xaxis.major_label_orientation = 1
p.xgrid.grid_line_color = None
p.legend.location = "top_center"
p.legend.orientation = "horizontal"

show(p)

谢谢

迈克尔

python pandas bokeh
2个回答
1
投票

您可以通过添加以下行来使用悬停工具显示一些数据:

source = ColumnDataSource(data=dict(
    x=factors,
    east=[ 5, 5, 6, 5, 5, 4, 5, 6, 7, 8, 6, 9 ],
    west=[ 5, 7, 9, 4, 5, 4, 7, 7, 7, 6, 6, 7 ],
))

tooltips = [
    ("x", "@x"),
    ("name", "$name"),
    ("value", "@$name")
]

p = figure(x_range=FactorRange(*factors), plot_height=250,
           toolbar_location="left", tools="hover", tooltips = tooltips)

悬停变量@$name可用于从每个图层的堆栈列中查找值。例如,如果用户将鼠标悬停在名为“East”的堆栈字形上,则@$name等同于@{East}。资料来源:https://bokeh.pydata.org/en/latest/docs/user_guide/categorical.html#hover-tools


1
投票

如果我理解你,你想添加工具提示:

所以你可以测试类似的东西:

reference-> HoverTool and Tooltips

TOOLTIPS = [
    ("index", "$index"),
    ("(Q, east, west)", "([@x], @east, @west)"),
]

p = figure(x_range=FactorRange(*factors), plot_height=250, tooltips=TOOLTIPS,
           toolbar_location=None, tools="")

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.