自定义X轴标签长度超50时Matplotlib图表异常求助

核心问题 #

你的代码存在数值范围不匹配的矛盾：

• 绘图时使用的X轴数据是range(len(y))（固定为0到49的连续整数）
• 设置X轴刻度时却用了x_values[-width:]（当数组长度超过50后，这部分是1到50、2到51这类非0起始的连续整数）

两者数值区间不对应，导致Matplotlib无法正确映射刻度位置，最终引发图表异常。

修复步骤 #

1. 对齐绘图数据与X轴刻度：直接使用x_values的最后50个值作为绘图的X轴数据，让刻度和数据一一对应。
2. 优化标签显示逻辑：基于当前显示的X轴范围，选择间隔为10的刻度，避免空标签堆积导致的混乱。

修复后的update_graph函数 #

def update_graph(line, data, canvas, width, x_values, height1, height0):
    if height1 != 0:
        line.axes.set_ylim([height0, height1])
    
    # 取最后width个数据及对应的X轴值
    y = data[-width:]
    x = x_values[-width:]
    line.set_data(x, y)
    
    # 设置X轴范围为当前显示的X值区间
    line.axes.set_xlim([x[0], x[-1]])
    # Y轴自动适配数据范围
    line.axes.relim()
    line.axes.autoscale_view(False, True, True)
    
    # 生成间隔为10的刻度，确保标签清晰
    start_x = x[0]
    end_x = x[-1]
    # 取第一个大于等于start_x的10的倍数作为刻度起始
    tick_start = ((start_x + 9) // 10) * 10
    xticks = np.arange(tick_start, end_x + 1, 10)
    # 过滤掉超出当前X范围的刻度
    xticks = xticks[(xticks >= start_x) & (xticks <= end_x)]
    
    line.axes.set_xticks(xticks)
    line.axes.set_xticklabels([str(tick) for tick in xticks])

    canvas.draw()

额外性能优化建议 #

• 用collections.deque维护固定长度的数据队列，避免频繁切片操作：

  from collections import deque
  
  def communication(label, line, canvas):
          m = deque(maxlen=50)
          x = deque(maxlen=50)
          i = 0
          while True:
              sleep(0.2)
              recrived = randint(0,100)
              m.append(recrived)
              x.append(i)
              i+=1
              update_graph(line, m, canvas, 50, x, 100, 0)
  

• 避免多线程操作GUI组件，改用root.after调度更新（更符合Tkinter线程安全要求）：

  def communication(label, line, canvas, root):
          m = deque(maxlen=50)
          x = deque(maxlen=50)
          i = 0
          def update():
              nonlocal i
              recrived = randint(0,100)
              m.append(recrived)
              x.append(i)
              i+=1
              update_graph(line, m, canvas, 50, x, 100, 0)
              root.after(200, update)
          update()
  
  # main函数中调用时传入root
  communication(0, line, canvas, root)
  

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