如何使用 tkinter FigureCanvasTkAgg

Question

Hello I use FigureCanvasTkAgg to use matplotlib in tkinter. I wrote a code so that when the button is pressed, the two graphs change.

import numpy as np
import tkinter as tk
from matplotlib.backends.backend_tkagg import (FigureCanvasTkAgg, NavigationToolbar2Tk)

window = tk.Tk()


def change():
    ss =  np.random.randint(100)
    ss1 =  np.random.randint(100)
    ss2 =  np.random.randint(100)
    x = ['Col A', 'Col B', 'Col C']
    y = [ss,ss1,ss2]
    plt.clf()  # clear current figure
    plt.bar(x=x, height=y)  # plot the graph
    plt.xticks(x, rotation=90)
    canvas.draw()  # refresh plot
    
def change2():
    s1s =  np.random.randint(100)
    s1s1 =  np.random.randint(100)
    s1s2 =  np.random.randint(100)
    x2 = ['Col A', 'Col B', 'Col C']
    y2 = [s1s,s1s1,s1s2]
    plt.clf()  # clear current figure
    plt.bar(x=x2, height=y2)  # plot the graph
    plt.xticks(x2, rotation=90)
    canvas1.draw()  # refresh plot
    
btn = tk.Button(window, text='click',command =lambda:[change(),change2()])
btn.grid(row=0, column=0, padx=20, pady=10)

x = ['Col A', 'Col B', 'Col C']
y = [50, 20, 80]

fig = plt.figure(figsize=(4, 5))
plt.bar(x=x, height=y)
plt.xticks(x, rotation=90)

x2 = ['Col A', 'Col B', 'Col C']
y2 = [70, 40, 30]

fig2 = plt.figure(figsize=(4, 5))
plt.bar(x=x2, height=y2)
plt.xticks(x2, rotation=90)

canvas = FigureCanvasTkAgg(fig, master=window)
canvas.draw()
canvas.get_tk_widget().grid(row=1, column=0, ipadx=40, ipady=20)

canvas1 = FigureCanvasTkAgg(fig2, master=window)
canvas1.draw()
canvas1.get_tk_widget().grid(row=2, column=0, ipadx=40, ipady=20)

window.mainloop() 

output But when I run the code, only the last appended change2() is executed. Can you set up a solution?

Answer 1

One of the way is to assign an unique ID to the two figures:

...
fig = plt.figure(1, figsize=(4,5))  # figure with ID 1
...
fig2 = plt.figure(2, figsize=(4,5))  # figure with ID 2
...

Then select the figure you want to update inside change() and change2() :

def change():
    ...
    plt.figure(1)  # select figure 1
    plt.clf()
    ...

def change2():
    ...
    plt.figure(2)  # select figure 2
    plt.clf()
    ...