Javascript Girl
  1. Javascript Girl
  3. Axe X dynamique sur un tableau de flot en temps réel?
Intereting Posts
IPv6 en tant que chaîne JavaScript comparable? Comment récupérer la valeur d'une zone de texte en javascript Arrêt / pause de l'audio lorsqu'un autre fichier audio clique en utilisant jQuery Pourquoi les fonctions JavaScript renvoient-elles toujours une valeur? Quelle est la différence exacte entre la propriété currentTarget et la propriété cible en javascript Comment puis-je trouver où une variable est définie au moment de l'exécution? Plugin Jquery Croppie pour recadrer l'erreur image Afficher le type de relation entre les noeuds dans cytoscape.js Jquery / js / html5 modifier le contenu de la page lorsque le clavier est visible sur les appareils mobiles Comment charger partially / views / templates dynamiquement dans Ember.js Comment puis-je supprimer une propriété d'un objet JavaScript? Jquery – Lier le fichier .js externe ne fonctionne pas NodeJS Error Stack Undefined La fonction JQuery ne fonctionne que dans une fonction Javascript round toujours au numéro supérieur

Axe X dynamique sur un tableau de flot en temps réel?

Existe-t-il un moyen de mettre à jour l'axe des abscisses sur un diagramme en temps réel?

Je veux quelque chose comme ça -> ( http://www.flotcharts.org/flot/examples/realtime/index.html ) mais, comme vous pouvez le voir, il n'y a pas de valeurs sur l'axe des x.

Alors, existe-t-il un moyen de déplacer les valeurs des axes x lorsque le diagramme change?

Merci d'avance!

Vous devez d'abord montrer l'axe des x: 

var plot = $.plot("#placeholder", [ getRandomData() ], { xaxis: { show: true } });

Ensuite, sur chaque mise à jour de données, vous devez également mettre à jour la grille: 

 function update() { plot.setData([getRandomData()]); plot.setupGrid(); // updating the grid plot.draw(); setTimeout(update, updateInterval); }

Vérifiez ce plunker par exemple.