在Tkinter中实现多Matplotlib绘图的垂直滚动功能

需要用Matplotlib绘制多个图表，将它们作为Tkinter控件垂直堆叠在Frame中，支持垂直滚动。要求每个图表填满x方向，且有最小y高度，当所有图表总高度超过窗口高度时启用滚动。

由于所用库限制无法生成子图，只能将单个图表作为独立Tkinter控件堆叠。目前编写的代码中滚动条存在但无法正常工作，代码如下：

from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg
from matplotlib.figure import Figure

f = Figure()
a = f.add_subplot(111)

g = Figure()
b = g.add_subplot(111)

from tkinter import *
root=Tk()
frame=Frame(root)
frame.pack(expand=True, fill=BOTH)
canvas=Canvas(frame,bg='#FFFFFF',scrollregion=(0,0,500,500))
vbar=Scrollbar(frame,orient=VERTICAL)
vbar.pack(side=RIGHT,fill=Y)
vbar.config(command=canvas.yview)
canvas.config()
canvas.config(yscrollcommand=vbar.set)
canvas.pack(side=LEFT,expand=True,fill=BOTH)

middle = Frame(canvas, bg="yellow")
middle.pack(side="bottom", expand=True, fill="both")

canvas_1 = FigureCanvasTkAgg(f, middle)
canvas_1.get_tk_widget().pack(expand=True, fill="both")
canvas_1.draw()

bottom = Frame(canvas, bg="blue")
bottom.pack(side="bottom", expand=True, fill="both")

canvas_2 = FigureCanvasTkAgg(g, bottom)
canvas_2.get_tk_widget().pack(expand=True, fill="both")
canvas_2.draw()

root.mainloop()

运行后滚动条无法正常滚动，界面中图表堆叠但滚动功能失效。

你的代码主要有两个核心问题导致滚动失效：

• 内部Frame挂载方式错误：直接将middle、bottom这类Frame作为Canvas的子组件是错误的，必须通过canvas.create_window()方法将一个统一的主容器Frame嵌入Canvas，再把所有图表放在这个主容器里。
• 滚动区域固定死：手动设置的scrollregion=(0,0,500,500)无法匹配图表的真实总高度，需要根据内部容器的实时尺寸动态更新，否则Canvas无法识别有效滚动范围。

另外需要给每个图表设置最小高度，避免被过度压缩。

修正后的完整代码 #

from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg
from matplotlib.figure import Figure
import tkinter as tk

# 创建两个带测试数据的独立图表
f = Figure(figsize=(6, 4))
a = f.add_subplot(111)
a.plot([1,2,3], [4,5,1])

g = Figure(figsize=(6, 4))
b = g.add_subplot(111)
b.bar([1,2,3], [2,5,3])

root = tk.Tk()
root.title("可滚动的Matplotlib图表")

# 外层容器：放置Canvas和滚动条
frame = tk.Frame(root)
frame.pack(expand=True, fill=tk.BOTH)

# 滚动Canvas与垂直滚动条
canvas = tk.Canvas(frame, bg='#FFFFFF')
vbar = tk.Scrollbar(frame, orient=tk.VERTICAL, command=canvas.yview)
vbar.pack(side=tk.RIGHT, fill=tk.Y)
canvas.config(yscrollcommand=vbar.set)
canvas.pack(side=tk.LEFT, expand=True, fill=tk.BOTH)

# 核心内部容器：所有图表统一放在这个Frame里，再嵌入Canvas
inner_container = tk.Frame(canvas, bg="white")
canvas.create_window((0, 0), window=inner_container, anchor="nw")

# 动态更新Canvas滚动区域的函数
def update_scrollregion(event):
    canvas.configure(scrollregion=canvas.bbox("all"))

# 绑定容器尺寸变化事件，自动更新滚动范围
inner_container.bind("<Configure>", update_scrollregion)

# 绑定鼠标滚轮事件，支持滚轮滚动
def on_mousewheel(event):
    canvas.yview_scroll(int(-1*(event.delta/120)), "units")
canvas.bind_all("<MouseWheel>", on_mousewheel)

# 添加第一个图表到内部容器，设置最小高度与横向填充
canvas_1 = FigureCanvasTkAgg(f, inner_container)
chart_widget_1 = canvas_1.get_tk_widget()
chart_widget_1.pack(fill=tk.X, expand=True, pady=5, padx=5)
chart_widget_1.config(minheight=300)
canvas_1.draw()

# 添加第二个图表到内部容器，设置相同布局规则
canvas_2 = FigureCanvasTkAgg(g, inner_container)
chart_widget_2 = canvas_2.get_tk_widget()
chart_widget_2.pack(fill=tk.X, expand=True, pady=5, padx=5)
chart_widget_2.config(minheight=300)
canvas_2.draw()

root.mainloop()

关键修改说明 #

• 使用规范的tkinter导入方式：避免from tkinter import *的命名冲突，代码更易维护。
• 统一内部容器：所有图表都放在inner_container中，再嵌入Canvas，这是Tkinter实现滚动容器的标准范式。
• 动态滚动区域：通过<Configure>事件监听容器尺寸变化，实时更新滚动范围，确保Canvas能识别完整的内容高度。
• 鼠标滚轮支持：添加滚轮事件绑定，提升滚动操作的便捷性。
• 图表最小高度与布局：通过minheight设置图表最小高度，fill=tk.X保证横向填满容器，pady/padx添加间距优化视觉效果。

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