tkinterでボタンを押してグラフを表示させると、ボタンが勝手に移動してしまう

Question

実現したいこと

　pythonのtkinterを用いて、２種類のボタンを用意して、押したボタンによって異なるグラフが表示されるアプリを作成しようと思っています。

　ところが、ボタンを押してグラフを表示させると、ボタンが勝手に右に移動してしまいます。これを防ぐ方法は無いでしょうか？

　色々と不慣れなところがありますが、よろしくお願いします。

import matplotlib
import matplotlib.pyplot as plt
import tkinter as tk
matplotlib.use("Agg")
from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg

def display1():

    ax1.scatter(x=0,y=0,c="red")

    canvas2 = tk.Canvas(root, width=600, height=700)
    canvas2.grid(row=1, column=0)

    figure1_canvas = FigureCanvasTkAgg(figure1,canvas2)
    figure1_canvas.get_tk_widget().pack(padx=10,pady=100)

def display2():

    ax1.scatter(x=0,y=0,c="blue")

    canvas2 = tk.Canvas(root, width=600, height=700)
    canvas2.grid(row=1, column=0)

    figure1_canvas = FigureCanvasTkAgg(figure1,canvas2)
    figure1_canvas.get_tk_widget().pack(padx=10,pady=100)

root = tk.Tk()
root.title("application")
root.geometry("1920x1080")

canvas1 = tk.Canvas(root,width=600,height=80)
canvas1.grid(row=0,column=0)

button1 = tk.Button(canvas1,text="グラフ1",command=display1)
button2 = tk.Button(canvas1,text="グラフ2",command=display2)

button1.place(x=100,y=30)
button2.place(x=300,y=30)

figure1 = plt.Figure()
ax1 = figure1.add_subplot(111)

root.mainloop()

補足情報（FW/ツールのバージョンなど）

Pythonのバージョンは3.7です。

Answer 1

ボタンの親を canvas ではなく root にすることで
キャンバス描画時のずれを避けられます。

- button1 = tk.Button(canvas1,text="グラフ1",command=display1)
- button2 = tk.Button(canvas1,text="グラフ2",command=display2)
+ button1 = tk.Button(root,text="グラフ1",command=display1)
+ button2 = tk.Button(root,text="グラフ2",command=display2)

根本的な問題は、
最初に準備した canvas1 内にプロットを描画せずに
ボタンを押したときに呼び出される関数で、新たにキャンバスを生成していて
キャンバスに余白を与えている点にあります。(pack のpadx部分)

それぞれのキャンバスに背景色を設定して (bg="red" 等) 試すと、
どのように配置されているか把握できると思います。

Comments

[seiha]

　ボタンとグラフの親を両方とも「root」にすることによって解決することができました。
　ありがとうございます。