Graphique Rickshaw.js avec ajax/jsonp ajoutant un axe

Question

Je suis nouveau sur javascript jQuery et JSON et je démarre un projet dans lequel j'aimerais créer des graphiques dans un navigateur.En parcourant des didacticiels et des exemples, j'aimerais créer un graphique avec des données collectées avec JSON, puis travailler avec le graphique comme indiqué dans le exemples (ajout d'axes...).

Je suis donc presque sûr que le problème est que la création du graphique avec var ajaxGraph = new Rickshaw.Graph.Ajax ne renvoie pas le même objet que var graph = new Rickshaw.Graph.Le Rickshaw.Class.create fonction utilisée pour var ajaxGraph = new Rickshaw.Graph.Ajax est trop compliqué à comprendre avec mes compétences actuelles.Puis-je obtenir d'une manière ou d'une autre l'objet graphique approprié à partir de Rickshaw.Graph.Ajax ?Ou devrais-je essayer d'utiliser JSON séparément, puis appeler var graph = new Rickshaw.Graph d'une manière ou d'une autre?

Merci pour tous les conseils.

Answer 1

J'envisagerais certainement plutôt de faire les choses JSON séparément, de mettre les données dans le bon format, puis d'y lier Rickshaw.

Faire cela n’est peut-être pas aussi difficile que vous le pensez et sera utile plus tard pour différents travaux.À mon avis, utiliser l'abstraction ajax de Rickshaw ne vous évite pas vraiment la complexité.

Voici un screencast que j'ai créé et qui décrit exactement ce dont vous avez besoin : http://tagtree.tv/d3-with-rickshaw-and-angular.Cela pourrait être un peu plus complexe car il intègre un graphique Rickshaw dans une application Angularjs, qui présente ses propres défis.Mais ce qu'il vous montre, c'est comment transformer les données que vous obtenez du serveur dans le format correct pour les transmettre à Rickshaw.

Obtenir les données du serveur avec jQuery est assez simple.Vous pouvez utiliser les méthodes ajax abrégées :

http://api.jquery.com/category/ajax/shorthand-methods/

Ou même apprendre à connaître l'appel ajax (je pense qu'il vaut mieux commencer ici) :

http://api.jquery.com/jQuery.ajax/

Ensuite, en massant les données pour que Rickshaw puisse s'y lier, je recommanderais d'utiliser le trait de soulignement :

http://underscorejs.org/