极客笔记Bokeh 如何控制 Bokeh 中图形的层级顺序
在本文中，我们将介绍如何使用 Bokeh 控制图形的层级顺序。Bokeh 是一个交互式数据可视化库，它提供了多种方法来创建各种类型的图形。在 Bokeh 中，我们可以使用 glyphs 来绘制各种形状和符号。
阅读更多：Bokeh 教程
Bokeh 中图形的层级顺序
在 Bokeh 中，图形的层级顺序决定了图形在画布上的显示顺序。默认情况下，后绘制的图形会覆盖先绘制的图形。但是，我们可以通过设置 glyph 的 z_order 参数来控制图形的层级顺序。
z_order 参数接受一个整数值，数字越大，图形显示在越上面的层级。例如，我们可以将 z_order 设置为 2，将一个图形显示在另一个图形的上方。
下面是一个使用 Bokeh 绘制的简单例子，其中包含了两个圆形，我们将使用 z_order 参数来控制它们的层级顺序：
from bokeh.plotting import figure, show
# 创建一个包含两个圆形的图形
p = figure(plot_width=400, plot_height=400)
p.circle([1, 2], [1, 2], size=50, color="red", z_order=2)
p.circle([2, 1], [2, 1], size=50, color="blue", z_order=1)
# 显示图形
show(p)
运行以上代码，我们可以看到第一个圆形（红色）显示在第二个圆形（蓝色）的上方。这是因为我们在第一个圆形的绘制中将 z_order 参数设置为 2，而第二个圆形的 z_order 参数默认为 0。
使用 Bokeh 提供的方法控制层级顺序
除了通过设置 glyph 的 z_order 参数来控制图形的层级顺序外，Bokeh 还提供了其他方法来控制图形的显示顺序。
使用 add_layout() 方法
在 Bokeh 中，我们可以使用 add_layout() 方法将图形添加到图形对象（如 figure、gridplot 等）中，通过调整添加的顺序来控制显示顺序。添加到图形对象中的图形会覆盖已有的图形。
下面是一个示例，演示如何使用 add_layout() 方法来设置图形的层级顺序：
from bokeh.plotting import figure, show
from bokeh.models import Arrow, NormalHead
# 创建一个包含箭头和圆形的图形
p = figure(plot_width=400, plot_height=400)
p.add_layout(Arrow(end=NormalHead(fill_color="red", size=50), line_color="black", x_start=1, y_start=1, x_end=2, y_end=2))
p.add_layout(Arrow(end=NormalHead(fill_color="blue", size=50), line_color="black", x_start=2, y_start=2, x_end=1, y_end=1))
p.circle([1, 2], [1, 2], size=50, color="green")
# 显示图形
show(p)
在上述示例中，我们先绘制了两个箭头，然后再绘制了一个圆形。由于箭头是通过 add_layout() 方法添加到 figure 对象中的，它们会覆盖已有的圆形，并显示在圆形的上方。
使用 Bokeh 提供的图层对象
Bokeh 还提供了 Layer、Overlay、Spacer 等图层对象，它们可以用来组合不同的图形并控制它们的显示顺序。
Layer 图层对象会根据添加到其中的图形的顺序来控制它们的显示顺序。我们可以使用 add_glyph() 方法将图形添加到 Layer 对象中。
from bokeh.plotting import figure, show
from bokeh.models import Circle, Line, Layer, Overlay, Spacer
# 创建一个图层对象
layer = Layer()
# 创建两个圆形和一条线
circle1 = Circle(x=[1, 2], y=[1, 2], size=50, fill_color="red")
circle2 = Circle(x=[2, 1], y=[2, 1], size=50, fill_color="blue")
line = Line(x=[1, 2], y=[1, 2], line_color="green")
# 将图形添加到图层对象中
layer.add_glyph(circle1)
layer.add_glyph(circle2)
layer.add_glyph(line)
# 创建一个 Overlay 对象，并将图层对象添加到其中
overlay = Overlay()
overlay.add(layer)
# 创建一个 Spacer 对象，用于设置图形的显示区域
spacer = Spacer(sizing_mode="scale_both")
# 创建一个包含 Spacer 和 Overlay 对象的图形
p = figure(plot_width=400, plot_height=400)
p.add_layout(spacer)
p.add_layout(overlay)
show(p)
在上述示例中，我们创建了一个图层对象 Layer，并将两个圆形和一条线添加到其中，按照添加的顺序决定它们的显示顺序。然后，我们将图层对象添加到 Overlay 对象中，并将 Spacer 对象和 Overlay 对象添加到图形中。由于图层对象是添加到 Spacer 和 Overlay 对象中的，它们会覆盖 Spacer 的显示区域，并显示在 Spacer 的上方。
总结
通过在 Bokeh 中设置 glyph 的 z_order 参数、使用 add_layout() 方法添加图形、组合使用图层对象等方法，我们可以很容易地控制图形的层级顺序。无论是简单的图形显示还是复杂的可视化应用，控制图形的层级顺序都是至关重要的一环，它可以帮助我们展示数据并传达我们想要表达的信息。在使用 Bokeh 进行数据可视化时，我们可以根据实际需求选择适当的方法来控制图形的层级顺序，以实现理想的可视化效果。