Matplotlib双轴图表置于柱状图后方的实现问题

核心问题原因 #

twinx() 创建的双轴默认会置于原轴（柱状图所在轴）的上层，单纯调整绘图元素的 zorder 无法突破轴容器的层级限制，导致柱状图被双轴的图形覆盖或视觉上变淡。

具体解决步骤 #

1. 调换绘图顺序：先绘制双轴上的 pidx 线条与面积图，再绘制原轴的堆叠柱状图
2. 调整双轴的层级与背景：将双轴的 zorder 设置为低于原轴，并隐藏双轴的背景补丁，让原轴的内容完全显示

代码修改示例 #

假设你的原有代码结构大致如下，修改后即可解决层级问题：

import matplotlib.pyplot as plt
import numpy as np

# 模拟数据
x = np.arange(5)
p1_part1 = [2, 3, 1, 4, 2]
p1_part2 = [1, 2, 3, 1, 3]
p2_part1 = [3, 1, 4, 2, 1]
p2_part2 = [2, 3, 1, 3, 2]
pidx = np.array([2.5, 3.5, 2.0, 3.0, 2.5])

# 创建2行子图
fig, (ax1, ax3) = plt.subplots(2, 1, figsize=(8, 10))

# ---------------------- 顶部子图处理 ----------------------
# 创建双轴
ax2 = ax1.twinx()

# 先绘制pidx的线条与面积图
ax2.plot(x, pidx, color='darkgray', linewidth=2, zorder=1)
ax2.fill_between(x, 0, pidx, color='lightgray', alpha=0.5, zorder=1)

# 调整双轴层级：将双轴置于原轴下方
ax2.set_zorder(ax1.get_zorder() - 1)
# 隐藏双轴的背景补丁，避免遮挡原轴内容
ax2.patch.set_visible(False)

# 再绘制原轴的堆叠柱状图
ax1.bar(x, p1_part1, label='p1-part1', color='skyblue', zorder=2)
ax1.bar(x, p1_part2, bottom=p1_part1, label='p1-part2', color='steelblue', zorder=2)

# ---------------------- 底部子图处理 ----------------------
ax4 = ax3.twinx()

# 先绘制pidx的线条与面积图
ax4.plot(x, pidx, color='darkgray', linewidth=2, zorder=1)
ax4.fill_between(x, 0, pidx, color='lightgray', alpha=0.5, zorder=1)

# 调整双轴层级与背景
ax4.set_zorder(ax3.get_zorder() - 1)
ax4.patch.set_visible(False)

# 再绘制原轴的堆叠柱状图
ax3.bar(x, p2_part1, label='p2-part1', color='lightgreen', zorder=2)
ax3.bar(x, p2_part2, bottom=p2_part1, label='p2-part2', color='forestgreen', zorder=2)

# 添加图例与标签
ax1.legend(loc='upper left')
ax2.set_ylabel('pidx')
ax1.set_ylabel('p1')
ax3.legend(loc='upper left')
ax4.set_ylabel('pidx')
ax3.set_ylabel('p2')

plt.tight_layout()
plt.show()

关键说明 #

• 调整 ax2.set_zorder(ax1.get_zorder() - 1) 让双轴容器整体位于原轴下方
• ax2.patch.set_visible(False) 移除双轴的白色背景，否则原轴的柱状图会被双轴背景遮挡
• 绘制顺序上先画双轴图形再画柱状图，配合元素的 zorder 进一步确保层级正确

内容的提问来源于stack exchange，提问作者AndysPythonStuff