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 :
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 var Temp = [11,13,14,17,15,19,14,14,17,15,19,16,14]; $('.basementTempSparkline').sparkline(Temp, { type: 'line', width: '160', height: '40' });
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 :
Merci de votre aide.
Code : Sélectionner tout - Visualiser dans une fenêtre à part $('#TempSensor').html('(Sensor value: ' + payload + ')');
Partager