Matplotlib中如何跨轴设置zorder以调整图表元素层级

问题核心：使用twinx()创建的次坐标轴（ax2）默认zorder高于主坐标轴（ax），导致次轴上的折线会覆盖主轴的柱顶标注。直接调整单个元素的zorder无法解决，因为轴容器的层级优先级更高。

解决方案 #

通过调整两个坐标轴的zorder，并设置主轴背景透明，让元素层级符合需求：

• 柱状图（最底层）→ 折线图（中间层）→ 柱顶标注（最上层）

修改后的代码如下：

import matplotlib.pyplot as plt
import seaborn as sns

years = [2019, 2020, 2021, 2022, 2023]
values1 = [1350, 1360, 1420, 1480, 1650]
values2 = [57, 62, 60.5, 59.7, 62.3]

fig, ax = plt.subplots(figsize=(6.2, 7.36), dpi=150)
bars = ax.bar(years, values1)

# 设置柱状图zorder为2（底层）
for bar in bars:
    bar.set_zorder(2)
    height = bar.get_height()
    # 设置标注zorder为4（最上层）
    ax.annotate(f'{round(height, 1)}',
                xy=(bar.get_x() + bar.get_width() / 2, height),
                xytext=(0, 10),
                textcoords="offset points",
                ha='center', va='bottom',
                fontsize=20).set_zorder(4)

# 创建次轴并设置其zorder为1（低于主轴）
ax2 = ax.twinx()
ax2.set_zorder(1)
# 主轴背景设为透明，让次轴折线显示在柱状图下方
ax.set_facecolor('none')

# 绘制折线图
sns.lineplot(x=years, y=values2, ax=ax2, color="gray")

plt.show()

关键步骤说明 #

1. 调整轴的zorder：将ax2的zorder设为1，主轴ax默认zorder为2，确保主轴元素在次轴之上。
2. 主轴背景透明：ax.set_facecolor('none')让次轴的折线能透过主轴背景显示，同时主轴的柱状图和标注保持在上方。
3. 元素zorder细化：柱状图zorder设为2，标注zorder设为4，确保标注在所有元素最上层。

内容的提问来源于stack exchange，提问作者João Pedro Gesser