Matplotlib约束布局(constrained layout)下加粗spines被裁剪的解决方法求助

问题背景 #

使用Matplotlib的constrained layout绘制图像时，给左侧和底部坐标轴spines设置了14的线宽并隐藏顶部、右侧spines，但保存或显示时厚spines出现轻微裁剪，需要在保留约束布局的前提下解决该问题。

解决方案 #

以下三种方法均可解决问题，且不破坏constrained layout的布局逻辑：

• 方法一：调整约束布局内边距
  通过constrained_layout_pad参数增大布局内边距，给厚spines留出足够显示空间：

  from matplotlib import pyplot as plt
  
  # 设置constrained_layout_pad增加内边距，数值可按需调整
  fig, ax = plt.subplots(layout="constrained", constrained_layout_pad=0.2)
  
  x = [[1, 2], [3, 4]]
  ax.imshow(x)
  
  ax.spines[["right", "top"]].set_visible(False)
  ax.spines[["left", "bottom"]].set_linewidth(14)
  ax.spines[["left", "bottom"]].set_capstyle("round")
  ax.tick_params(
      axis="both", bottom=False, left=False, labelbottom=False, labelleft=False
  )
  
  fig.savefig("example.png", dpi=150)
  

• 方法二：手动补充子图边距
  在约束布局计算完成后，通过fig.subplots_adjust()手动调整左侧和底部边距：

  from matplotlib import pyplot as plt
  
  fig, ax = plt.subplots(layout="constrained")
  
  x = [[1, 2], [3, 4]]
  ax.imshow(x)
  
  ax.spines[["right", "top"]].set_visible(False)
  ax.spines[["left", "bottom"]].set_linewidth(14)
  ax.spines[["left", "bottom"]].set_capstyle("round")
  ax.tick_params(
      axis="both", bottom=False, left=False, labelbottom=False, labelleft=False
  )
  
  # 按需调整left和bottom的数值，适配spines厚度
  fig.subplots_adjust(left=0.15, bottom=0.15)
  
  fig.savefig("example.png", dpi=150)
  

• 方法三：关闭Spines的裁剪功能
  直接设置spines的clip_on为False，让spines不受子图区域限制，彻底避免裁剪：

  from matplotlib import pyplot as plt
  
  fig, ax = plt.subplots(layout="constrained")
  
  x = [[1, 2], [3, 4]]
  ax.imshow(x)
  
  ax.spines[["right", "top"]].set_visible(False)
  ax.spines[["left", "bottom"]].set_linewidth(14)
  ax.spines[["left", "bottom"]].set_capstyle("round")
  # 关闭spines的裁剪，使其可超出子图范围显示
  ax.spines[["left", "bottom"]].set_clip_on(False)
  ax.tick_params(
      axis="both", bottom=False, left=False, labelbottom=False, labelleft=False
  )
  
  fig.savefig("example.png", dpi=150)
  

说明 #

• 方法三最为直接，适合仅需显示厚spines且无其他元素重叠的场景；
• 方法一和方法二通过调整布局边距适配spines，适合需要严格控制整体布局的场景。

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