有没有办法在 Bokeh 绘图中添加叠加层来突出显示基于 x 轴数据点的特定区域？请参见下面的图片。

Question

我正在绘制一些数据，并在x轴和y轴上得到峰值。我想用多种颜色突出显示峰值的某些区域。

我已经能够得到图形，但不知道如何添加叠加层到图形中。

https://jascoinc.com/wp-content/uploads/2013/12/UV-fraction-collection.png

最初的回答：

- Sri

Answer 1

您可以使用BoxAnnotation来实现这一点。其中一个优点是它始终跨越整个绘图的高度。

from bokeh.plotting import figure, show
from bokeh.models import BoxAnnotation

p = figure(plot_width=400, plot_height=400)

p.line([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], [1, 3, 2, 8, 2, 1, 2, 3, 1, 9, 1, 2], line_width=2)
b1 = BoxAnnotation(left=3, right = 5, fill_color = 'red', fill_alpha = 0.5)
b2 = BoxAnnotation(left=9, right = 11, fill_color = 'green', fill_alpha = 0.5)
p.add_layout(b1)
p.add_layout(b2)
p.text([4, 10], [0, 0], ['area1', 'area2'], y_offset = -10, x_offset = -20)
show(p)

- Tony

---

谢谢你的帮助。我也喜欢这个选项。 - Sri

这个方法太有效了。你知道是否有办法在这些框中添加文本吗？我查看了BoxAnnotation类，没有找到提供该选项的内容。我只想在这些框中添加索引号。 - Sri

你可以使用text或Lebel来实现这个功能。请查看更新后的代码。 - Tony

我们如何在一个扩展的日期时间x轴上重复应用类似这样的东西？比如，在跨越多天的时间序列中，突出显示一天中的工作时间？ - Nikos Alexandris

我通过创建所需数量的日期时间范围，然后循环添加相应数量的BoxAnnotations来回答了我的问题。 - Nikos Alexandris

Answer 2

你可以通过绘制另一个图形（例如vbar）覆盖在线条上来突出显示某个区域，但其他图形比如矩形也同样可行。

from bokeh.plotting import figure, show

p = figure(plot_width=400, plot_height=400)

p.line([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], [1, 3, 2, 8, 2, 1, 2, 3, 1, 9, 1, 2], line_width=2)
p.vbar(x=[4, 10], width=2, bottom=0, top=10, color=['red', 'green'], alpha=0.5)

show(p)

- Jasper

---

真的很酷。谢谢！你可以使用元组来为vbar分配起始点和结束点，而不是固定的宽度吗？ - Sri

你可以通过将width=2替换为width=[2, 4]来为每个垂直条使用不同的宽度。如果你想要使用固定位置，你必须使用矩形。详见：https://bokeh.pydata.org/en/latest/docs/user_guide/plotting.html#rectangles - Jasper

好的。BoxAnnotation目前已经解决了我的问题。我也会记住这个选项以备将来使用。谢谢！ - Sri