Rickshaw.js-Diagramm mit Ajax/JSONP-Hinzufügen einer Achse

Question

Ich bin neu in Javascript, jQuery und JSON und starte ein Projekt, bei dem ich einige Diagramme in einem Browser erstellen möchte.Beim Durchstöbern von Tutorials und Beispielen möchte ich ein Diagramm mit einigen mit JSON gesammelten Daten erstellen und dann mit dem Diagramm arbeiten, wie im gezeigt Beispiele (Achsen hinzufügen...).

Ich bin mir also ziemlich sicher, dass das Problem darin besteht, dass das Diagramm erstellt wird var ajaxGraph = new Rickshaw.Graph.Ajax gibt nicht dasselbe Objekt zurück wie var graph = new Rickshaw.Graph.Der Rickshaw.Class.create Funktion verwendet für var ajaxGraph = new Rickshaw.Graph.Ajax ist zu kompliziert, als dass ich es mit meinen derzeitigen Fähigkeiten verstehen könnte.Kann ich irgendwie das richtige Diagrammobjekt von Rickshaw.Graph.Ajax erhalten?Oder sollte ich versuchen, JSON separat zu verwenden und dann aufzurufen var graph = new Rickshaw.Graph irgendwie?

Vielen Dank für alle Hinweise.

Answer 1

Ich würde definitiv darüber nachdenken, die JSON-Sachen lieber separat zu machen, die Daten in das richtige Format zu bringen und dann Rickshaw daran zu binden.

Dies ist möglicherweise nicht so schwierig, wie Sie denken, und wird später für andere Arbeiten nützlich sein.Die Verwendung der Ajax-Abstraktion von Rickshaw erspart Ihnen meiner Meinung nach nicht wirklich Komplexität.

Hier ist ein von mir erstellter Screencast, der genau das zeigt, was Sie brauchen: http://tagtree.tv/d3-with-rickshaw-and-angular.Es könnte etwas komplexer sein, da ein Rikscha-Diagramm in eine Angularjs-App eingefügt wird, was seine eigenen Herausforderungen mit sich bringt.Aber was es Ihnen zeigt, ist, wie Sie die Daten, die Sie vom Server erhalten, in das richtige Format umwandeln, um sie an Rickshaw weiterzugeben.

Mit jQuery ist es ganz einfach, die Daten vom Server zu bekommen.Sie können die Kurzform-Ajax-Methoden verwenden:

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

Oder lernen Sie sogar den Ajax-Aufruf kennen (ich denke, es ist besser, hier zu beginnen):

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

Um die Daten dann zu massieren, damit Rickshaw sie binden kann, würde ich die Verwendung eines Unterstrichs empfehlen:

http://underscorejs.org/