Bonjour,

Je source les script suivant dans ma pag web : jquery-1.7.2.min.js et jquery.sparkline.js dans leur dernière version.

Voici la définition de mon graphe sparkline avec un array statique qui fonctionne :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
var Temp = [11,13,14,17,15,19,14,14,17,15,19,16,14];
$('.basementTempSparkline').sparkline(Temp, {
type: 'line',
 width: '160',
height: '40'
});
Quand j'essaye de pousser les 20 dernières données de payload dans le array il ne fonctionne plus :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
var Temp =[]; 
Temp.push(parseInt(payload));
if (Temp.length >= 20) {
Temp.shift()
}
$('.basementTempSparkline').sparkline(Temp, {
type: 'line',
 width: '160',
height: '40'
});

Avec la déclaration ci dessus la place du graphe dans la page html reste blanche. Si je met Temp entre guillemet dans la déclaration du graphe sparkline, j'ai un ligne plate.
Je me sert de payload à travers une web socket. Sa valeur s'affiche dynamiquement suivant ses variations comme ceci :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
 $('#TempSensor').html('(Sensor value: ' + payload + ')');
Merci de votre aide.