Matplotlib绘图：如何让红色箭头显示在蓝色线条上层？

核心原因 #

Matplotlib中图形元素的显示层级由绘制顺序或zorder参数控制，默认后绘制的元素在上方，但箭头、注释框这类元素的默认zorder通常低于线条，因此会被提前绘制的蓝色线条遮挡。

解决方案 #

以下两种方法可让红色箭头/注释框显示在最上层：

方法1：通过zorder参数强制提升层级（推荐）

直接给红色箭头和注释框设置更高的zorder值（远高于线条默认的zorder=2），无需调整绘制顺序：

修改后的完整代码：

import matplotlib.pyplot as plt
import numpy as np
from matplotlib.offsetbox import OffsetImage, AnnotationBbox  # 补充缺失的模块导入

yellow_line = B0_prob_m

n = 1000

fig, ax = plt.subplots(figsize=[10,10])

binaries = [np.random.randint(2, size=(80,80)) for k in range(255)]
blue_lines = ['n lists of length 255 to make the blue lines']

# 绘制蓝色线条（默认zorder=2，层级较低）
for k in range(n):
    blue_line_k = blue_lines[k]
    ax.plot(blue_line_k, 'b', alpha=0.2)

# 给黄色线条设置中等zorder，避免被蓝色线条覆盖
ax.plot(yellow_line, 'y', linewidth=5.0, zorder=5)

chosen_Ks = [70, 105, 112, 145]
x = 25
for k in chosen_Ks:
    binary = binaries[k]
    imagebox = OffsetImage(binary, zoom=1, cmap='gray')
    # 给注释框设置高zorder，确保显示在最上层
    ab = AnnotationBbox(imagebox, (x,100), frameon=True, zorder=10)
    ax.add_artist(ab)
    # 用ax.arrow替代plt.arrow（更贴合轴绘图逻辑），并设置高zorder
    ax.arrow(x, 100, k-x, -100+B0_prob_m[k], color='r', zorder=10)

    x += 75

ax.set_title('Beta0')
plt.show()

关键修改点：

• 给AnnotationBbox添加zorder=10，提升图片注释框的显示层级
• 替换plt.arrow为ax.arrow，并设置zorder=10，让红色箭头显示在最上层
• 给黄色线条设置zorder=5，避免被大量蓝色线条覆盖

方法2：调整绘制顺序（不推荐，易打乱层级逻辑）

先绘制红色箭头、注释框和黄色线条，最后绘制蓝色线条，让蓝色线条处于最底层：

import matplotlib.pyplot as plt
import numpy as np
from matplotlib.offsetbox import OffsetImage, AnnotationBbox

yellow_line = B0_prob_m

n = 1000

fig, ax = plt.subplots(figsize=[10,10])

binaries = [np.random.randint(2, size=(80,80)) for k in range(255)]
blue_lines = ['n lists of length 255 to make the blue lines']

# 先绘制需要显示在上方的元素
ax.plot(yellow_line, 'y', linewidth=5.0)

chosen_Ks = [70, 105, 112, 145]
x = 25
for k in chosen_Ks:
    binary = binaries[k]
    imagebox = OffsetImage(binary, zoom=1, cmap='gray')
    ab = AnnotationBbox(imagebox, (x,100), frameon=True)
    ax.add_artist(ab)
    ax.arrow(x, 100, k-x, -100+B0_prob_m[k], color='r')
    x += 75

# 最后绘制蓝色线条，让它处于最底层
for k in range(n):
    blue_line_k = blue_lines[k]
    ax.plot(blue_line_k, 'b', alpha=0.2)

ax.set_title('Beta0')
plt.show()

这种方法虽能解决问题，但后续调整其他元素层级时容易出错，更推荐使用zorder参数的方式。

内容的提问来源于stack exchange，提问作者D. Brito