Kivy按钮点击无法更新图表问题求助（附代码示例）

问题根源 #

你的代码存在几个核心问题导致图表无法更新：

• 按钮点击后调用MainApp.build(self)无法替换当前UI，只是重新创建了布局实例但未挂载到界面
• 全局变量的使用让数据状态难以跟踪，且更新后未触发图表刷新
• Clock.schedule_interval从未被启动（update方法未被调用）
• 未手动刷新Matplotlib画布，数据变化后图表不会自动重绘

修复方案 #

1. 重构变量管理

把数据变量（x、y、lst）移到App类内部，避免全局变量，方便状态维护。

2. 保存画布引用

在build方法中创建并保存Matplotlib画布的引用，后续更新时直接操作这个对象，无需重新创建布局。

3. 实现图表刷新逻辑

新增refresh_plot方法，负责清除旧图、重新绘制数据，最后调用画布的draw()方法刷新界面。

4. 修复按钮点击事件

移除return MainApp.build(self)的错误代码，直接更新数据后调用refresh_plot刷新图表。

5. 启动自动更新

在App的on_start生命周期方法中调度Clock.schedule_interval，实现定时自动更新数据并刷新图表。

完整修复代码 #

from kivy.app import App
from kivy.uix.label import Label
from kivy.uix.button import Button
from kivy.uix.gridlayout import GridLayout
from kivy.uix.boxlayout import BoxLayout
from kivy.garden.matplotlib.backend_kivyagg import FigureCanvasKivyAgg
import matplotlib.pyplot as plt
from kivy.clock import Clock

class MainApp(App):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        # 初始化数据变量，移到类内部
        self.x = 2
        self.y = 4
        self.lst = [self.x, self.y]
        self.canvas = None  # 保存画布引用

    def refresh_plot(self):
        # 清除旧图表，重新绘制
        plt.cla()
        plt.plot(self.lst)
        plt.ylabel('some numbers')
        # 刷新画布
        if self.canvas:
            self.canvas.draw()

    def on_press_button(self, instance):
        # 按钮点击更新数据
        for i in range(20):
            self.x *= 2
            self.y *= 2
            self.lst.append(self.x)
            self.lst.append(self.y)
            print(self.lst)
        # 刷新图表
        self.refresh_plot()
        print('Button pressed!')
    
    def auto_update_data(self, dt):
        # 自动更新数据的逻辑，这里模拟外部获取数据
        self.x *= 1.5
        self.y *= 1.5
        self.lst.append(self.x)
        self.lst.append(self.y)
        print("Auto update data:", self.lst)
        self.refresh_plot()

    def build(self):
        plt.ylabel('some numbers')
        main_layout = BoxLayout(orientation='horizontal')
        grid_layout = GridLayout(cols=1,
                               row_force_default=True,
                               row_default_height=100,
                               size_hint=(.2,1)
                               )
        main_layout.add_widget(grid_layout)
        grid_layout.add_widget(Label(text='Hello from Kivy'))
        grid_layout.add_widget(Button(text='Hello 1', on_press=self.on_press_button))

        # 创建画布并保存引用
        self.canvas = FigureCanvasKivyAgg(plt.gcf(), size_hint=(.8,1))
        main_layout.add_widget(self.canvas)
        # 初始绘制图表
        self.refresh_plot()
        print('build called')
        return main_layout
    
    def on_start(self):
        # 启动自动更新，每1秒执行一次
        Clock.schedule_interval(self.auto_update_data, 1)
        
if __name__ == '__main__':
    app = MainApp()
    app.run()

关键修改说明 #

• __init__方法初始化类内部的数据变量，替代全局变量
• refresh_plot统一处理图表刷新逻辑，确保数据更新后图表同步
• on_start方法中启动Clock.schedule_interval，实现自动更新
• 按钮点击事件直接调用refresh_plot，无需重建布局
• 保存画布引用，避免重复创建UI组件

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