Discussion :

[Cerise22]

Bonjour,

Je souhaite afficher un graphique en temps réel de valeurs provenant d'un convertisseur et ceci sur une interface graphique Tkinter.

Je sais qu'il existe un module matplotlib permettant la création de graphique.

Ce qui m'améne à vous demander, comment afficher toutes mes valeurs en fonction du temps de facon continu, dans mon interface Tkinter?

Merci d'avance.

Cordialement.

[IPreferCSharp]

Bonjour,

Je ne connais pas la volumétrie des données que tu veux afficher en temps réel, mais matplotlib n'est pas réputé pour être bon en temps réel. ( J'utilise plutôt PyQtGraph, mais je pense pas que ça marche avec TKinter)

Ensuite pour ce qui est du comment, bha ça dépend de ton besoin.

Une boucle while ? Des signaux ? ça dépend de ta source de données, de la fréquence de réception ...
Une recherche google avec ces mots clef : "python real time graph" donne déjà pas mal d'exemple notamment avec MatplotLib

https://pythonprogramming.net/python...dating-graphs/
https://www.lebsanft.org/?p=48
...

[wiztricks]

Je sais qu'il existe un module matplotlib permettant la création de graphique.

Ce qui m'améne à vous demander, comment afficher toutes mes valeurs en fonction du temps de facon continu, dans mon interface Tkinter?

Par défaut, matplotlib fait ses graphiques avec Tkinter. Pour voir les animations qu'on peut réaliser voir les exemples..

Pour ce qui est de Tkinter, les graphiques se réalisent avec le widget Canvas. Et si vous voulez que çà "bouge", il suffit de mettre à jour l'affichage plus ou moins rapidement. Les techniques sont identiques quelques soient le type d'animation (jeu, coubes,...). Voir par exemple cette discussion récente.

- W

[Cerise22]

Bonjour,

Merci pour votre retour.

J'ai commencé à réaliser ce programme ci-dessous, mais le probléme est que je ne sais pas si la méthode que j'applique pour afficher le graph dans le canvas est correct? Et aussi, concernant les valeurs en abscisses, je souhaiterais mettre un écrat tous les 0.5s car je fais l'acquisition toutes les 0.5s, comment faire?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
import matplotlib.pyplot as plt
import matplotlib.animation as animation
import time
import tkinter
from tkinter import *
 
 
valueADCx= []
valadc=[]
def ADC ():
    global  valueADC, valueADCx, valadc
 
    #Initialisation du deque
    SIZE = 10
    fil = deque(maxlen=SIZE)
 
    for i in range(10):
        vals= adc.read_adc(1, gain=GAIN)
        fil.appendleft(vals)
        if len(fil) == SIZE:  #Une fois remplie, calcul de la moyenne
            valueADCx= sum(fil)/SIZE
            valueADCy= valueADCx 
            valueADC.set('%6.1f'%valueADCy)
            time.sleep(0.5)
 
    label9.after(100,ADC)
    #Création variable qui sera affiché dans fichier texte
    valadc.append(round(valueADCx,1))
 
 
def animate ():
    fig = plt.figure()
    ax = fig.add_subplot(1,1,1)
 
    #temps abscisses, comment récuperer?
    x=
    y=valadc.append(round(valueADCx,1))
    xlabel("Temps (s)")
    ylabel("Valeurs ADC")
    xar = []
    yar = []
    #Affichage continu valeurs
    xar.append(int(x))
    yar.append(int(y))
    ax.plot(xar,yar)
    #Afficher valeur toutes les 0.5s
    ani = animation.FuncAnimation(fig, animate, interval=500)
    figure.canvas.draw()
    plt.show()
 
 
fenetre = Tk()
 
#Bouton Afficher les valeurs du capteurs deplacement
bouton3=Button(frame1,text="ADC", command= ADC, padx=10, pady=10, width=10)
bouton3.config(font=('arial', 12, 'bold'))
bouton3.grid(row=2, column=1)
valueADC=StringVar()
label9=Label(frame1, textvariable=valueADC, width=12, height=2)
label9.config(font=('arial', 15, 'bold'))
label9.grid(row=2, column=2)
#label9.config(text=valueADC)
 
#Generation du graphique 
bouton2=Button(fenetre, text='Graphique', command=animate)
bouton2.grid(row=0,column=1)
 
 
# Création d'un widget Canvas (zone graphique)
Canevas = Canvas(fenetre)
Canevas.grid(row=0, column=2)
 
#Bouton quitter
bouton4=Button(fenetre,text="Quitter", command=fenetre.destroy,width=10, height=2, padx=10, pady=10)
bouton4.config(font=('arial', 12, 'bold'))
bouton4.grid(row=1,column=1)
 
fenetre.mainloop()

En vous remerciant par avance.

[wiztricks]

Salut,

Tout cela est fort compliqué pourquoi ne pas partir de cet exemple. Vous paramétrez l'appel à la fonction "anim" via interval (qui doit être en Ms) qui fera lecture et mise à jour des données à afficher.

- W

[Cerise22]

Je ne vois pas comment appliquer concretement cet exemple à mon cas...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
import numpy as np
import matplotlib.pyplot as plt
import matplotlib.animation as animation
 
fig, ax = plt.subplots()
 
x = np.arange(0, 2*np.pi, 0.01)        # x-array
line, = ax.plot(x, np.sin(x))
 
def animate(i):
    line.set_ydata(np.sin(x+i/10.0))  # update the data
    return line,
 
#Init only required for blitting to give a clean slate.
def init():
    line.set_ydata(np.ma.array(x, mask=True))
    return line,
 
ani = animation.FuncAnimation(fig, animate, np.arange(1, 200), init_func=init, interval=25, blit=True)
plt.show()

Pourriez vous m'aider?

[wiztricks]

Je ne vois pas comment appliquer concretement cet exemple à mon cas...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
import numpy as np
import matplotlib.pyplot as plt
import matplotlib.animation as animation
 
fig, ax = plt.subplots()
 
x = np.arange(0, 2*np.pi, 0.01)        # x-array
line, = ax.plot(x, np.sin(x))
 
def animate(i):
    line.set_ydata(np.sin(x+i/10.0))  # update the data
    return line,
 
#Init only required for blitting to give a clean slate.
def init():
    line.set_ydata(np.ma.array(x, mask=True))
    return line,
 
ani = animation.FuncAnimation(fig, animate, np.arange(1, 200), init_func=init, interval=25, blit=True)
plt.show()

Pourriez vous m'aider?

Oubliez un peu le code que vous voulez faire.
Essayez de vous approprier ce que fait cet exemple.
Vous pourriez commencer par remplacer np.sin par une fonction à vous y = f(x) qui sera appelée par "anim" (toutes les 0.5s).
note: Si vous écrivez une fonction style:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
def f(x):
      ...
      return y

Ca n'en voudra pas car çà travaille avec des tableaux. Il faudra emballer votre "f" par "g" définit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

g = np.vectorize(f)

Au bout du bout, votre fonction "f" ira lire la valeur suivante dans la balance (mais çà c'est pour plus tard...)

Une fois que vous aurez un peu compris comment çà fonctionne, vous allez pouvoir simplifier pour afficher directement une liste de valeurs qui bougent à la place d'un array numpy...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
## import numpy as np
import matplotlib.pyplot as plt
import matplotlib.animation as animation
 
COUNT = 10
 
fig, ax = plt.subplots()
 
values = [ x * 0.1 for x in range(COUNT) ] 
x = [ 0.5*x for x in range(COUNT*3) ]
 
## ax.set_xticks(x[:COUNT])
## ax.set_xticklabels(x[:COUNT])
line, = ax.plot(x[:COUNT], values)
 
def animate(i):
    values.append(values.pop(0))
    line.set_ydata(values)
 
    ## x.append(x.pop(0))
    ## ax.set_xticklabels(x[:COUNT])  
    return line,
 
ani = animation.FuncAnimation(fig, animate, interval=500)
 
plt.show()

Une fois arrivé là, vous pourrez voir comment intégrer votre liste.

- W