Javascript Girl
  1. Javascript Girl
  3. Le traçage de données 2D basé sur JavaScript côté-client open-source?
Intereting Posts
Chargement javascript externe dans google chrome extension Conversion d'une boucle en fonction récursive Numéro de JavaScript divisé en chiffres individuels En cliquant à l'extérieur d'une suite de mots-clés contentement, mettez-vous l'accent sur elle? Pourquoi la capture des résultats du groupe en double matchs regex Vérifiez si la chaîne est un préfixe d'un Javascript RegExp Définir un point d'arrêt javascript dans le code – en chrome? Javascript. Vérification si la chaîne contient du texte d'un tableau de sous-chaînes Télécharger le fichier via jquery ajax post Iterating sur chaque propriété d'un objet dans javascript en utilisant Prototype? Ajout de HTML complexe à l'aide d'un script de contenu Chrome La fonction Date () en javascript donne NAN-NAN-NAN dans firefox et chrome tout en travaillant correctement avec IE Lorsqu'une réponse à $ .ajax est 301, est-ce que je peux programmer la nouvelle URL par programme? Sqlite: vérifiez si la base de données existe Javascript combine des images

Le traçage de données 2D basé sur JavaScript côté-client open-source?

Je me demande s'il existe un graphe 2D qui trace des bibliothèques qui s'exécutent sur le côté client en utilisant JavaScript? L'idée de base est que vous pouvez mettre en place un intrigue dans un navigateur et que l'utilisateur peut changer les choses comme les échelles X et Y et les limites, en faisant un zoom avant et arrière sans avoir à recharger constamment la page Web du serveur. Les données elles-mêmes seraient récupérées via AJAX, ce qui permettrait à un utilisateur de simplement wget les données directement du serveur si elles souhaitent utiliser des outils robustes. Quelque chose comme la partie 2D de matplotlib pour Python.

C'est quelque chose que j'ai examiné il y a longtemps avant de décider qu'il était plus rapide de développer un code qui vient de générer un SVG du côté du serveur (à l'aide d'un serveur web eCos intégré), mais maintenant que j'ai lu Sur Prototype et jQuery, je me demande si quelqu'un l'a déjà fait.

Vous devriez peut-être essayer Flot . Flot est une pure bibliothèque de traçage open source pour jQuery . Il produit des parcelles graphiques de jeux de données arbitraires sur le volant côté client.

Tout d'abord, assurez-vous de vérifier l'exemple suivant qui utilise les données obtenues via AJAX pour tracer un graphique en rea-ltime:

  • Flot Exemples – Mise à jour de graphiques avec AJAX

C'est ainsi que l'acquisition et le traçage des données avec AJAX ressembleraient au code: 

 function fetchData() { function onDataReceived(series) { data = [ series ]; $.plot($("#placeholder"), data, options); } $.ajax({ url: "data_feed.php", method: "GET", dataType: "json", success: onDataReceived }); setTimeout(fetchData, 1000); }

Stack Overflow utilise également Flot pour le graphique zoomable dans l'onglet Réputation des profils utilisateur.

Pour plus d'informations sur Flot:

  • Flot Project Site
  • Exemples Flot
  • Autres exemples Flot

Exemple de flot avec panoramique de zoom http://img710.imageshack.us/img710/2062/flot.jpg

http://g.raphaeljs.com/ – bibliothèque de cartes JS compatible avec le navigateur croisé.

Cette page Web compare différents outils de traçage de javascript.

http://sixrevisions.com/javascript/graph_chart_plot_data_javascript/

FLOT: http://code.google.com/p/flot/