J'ai quelques données et je veux tracer un graphique en utilisant ces données. Le problème est que les données continuent à changer (plusieurs fichiers) et je veux que le graphique soit continu (quelque chose comme ECG). Quelqu'un peut-il m'aider avec les idées?graphique en mouvement continu en utilisant JavaScript ou flash
Ce type de graphique est généralement appelé un histogramme (similaire au graphique d'utilisation de votre processeur) qui continue à défiler.
Vous avez juste besoin de mettre à jour un graphique périodiquement avec le dernier nombre de points le long du scénario.
Vous recherchez quelque chose de spécifique, par exemple des composants à utiliser, etc.? Quelques informations sur les technologies pourraient aider.
Vous pouvez utiliser jQuery (d'autres frameworks JS sont disponibles). Effectuez un rappel pour obtenir un delta des données modifiées, puis animez le graphique pour vous déplacer jusqu'à un certain point. Si vous utilisez quelque chose comme Flot alors vous pouvez faire tout cela avec un cadre JS
Voici comment dessiner ECG par une minuterie afin que vous puissiez avoir dessin continu:
http://osama-oransa.blogspot.com/2010/03/draw-ecg-using-java-script-draw.html
Une façon de est avec un peu d'Ajax qui interroge le serveur à intervalles réguliers pour les données, fichier ou script. Vous devez ensuite mettre à jour le composant de bibliothèque graphique que vous utilisez pour afficher le graphique sur la page. En utilisant un appel ajax vous évitez de recharger la page et l'utilisateur verra un graphique en mouvement très semblable à un ECG.
Il y a un petit tutoriel sur la page suivante qui démontre cela et fournit le javascript nécessaire pour interroger le serveur et mettre à jour un composant graphique chaque seconde: -
Vous pouvez le faire avec ZoomCharts.com
Cette bibliothèque vous offre l'option Push de données, ce qui vous permet de configurer une solution de socket Web et d'insérer des données dans ces graphiques en temps réel. Vous pouvez également configurer le délai d'interrogation et mettre votre graphique à jour de cette manière.
Le diagramme de temps a la fonction de suivre les dernières données, de sorte qu'il se déplace continuellement.
Voir par exemple où nous utilisons ce tableau pour surveiller le serveur en temps réel avec les données de prise Web pression:
