Matplotlib绘制克利夫兰点图时axvline垂直线与散点像素偏移如何解决

偏移原因 #

• matplotlib默认会为x轴自动添加5%的左右边距，自动调整轴范围的过程中会导致数据坐标到屏幕像素的映射出现微小偏差
• 散点与竖线的绘制层级错误，若竖线层级高于散点，会产生视觉上的偏移感
• 反锯齿渲染会让线条和散点的边缘出现半透明过渡，放大对齐偏差的观感

修复方案 #

1. 核心修改（推荐优先尝试） #

在你的dot_plot方法末尾新增x轴范围固定逻辑，同时调整散点绘制层级让点覆盖在线条上方，修改后的代码如下：

def dot_plot(self):
    t_data = list(map(list, zip(*self.data)))
    for x, data in zip(self.x_coords, t_data):
        self.ax.axvline(x, color = self.line_color,
                          ls = self.line_style,
                          lw = self.line_width,
                          alpha = self.line_alpha)
        # 显式指定参数，添加zorder让散点层级高于线条
        self.ax.scatter([x] * len(data), data, s=self.size, c=self.colors, zorder=10)
    # 固定x轴范围与你的坐标完全匹配，关闭自动边距
    self.ax.set_xlim(self.x_coords.min(), self.x_coords.max())
    self.ax.margins(x=0)

2. 备用方案（若上述修改仍有偏移） #

将axvline替换为plot函数绘制竖线，plot的坐标映射稳定性更高，替换代码如下：

# 把原axvline行替换为以下代码
y_min, y_max = self.ax.get_ylim()
self.ax.plot([x, x], [y_min, y_max], color = self.line_color,
              ls = self.line_style,
              lw = self.line_width,
              alpha = self.line_alpha)

3. 消除反锯齿视觉偏差 #

如果不需要反锯齿效果，可以给绘制函数添加antialiased=False参数，完全消除边缘过渡带来的视觉偏差：

self.ax.axvline(x, ... , antialiased=False)
self.ax.scatter(..., antialiased=False)

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