Rackshaw.js grafico con ajax / jsonp aggiunta asse

Question

Sono nuovo a JavaScript JQuery e JSON e sto iniziando un progetto dove mi piacerebbe fare alcuni grafici in un browser.Scavando attraverso tutorial ed esempi che vorrei creare un grafico con alcuni dati raccolti con JSON e quindi lavorare con il grafico come mostrato nel Esempi (Aggiunta di assi ...).

Quindi sono abbastanza sicuro che il problema è che la creazione del grafico con var ajaxGraph = new Rickshaw.Graph.Ajax non restituisca lo stesso oggetto di var graph = new Rickshaw.Graph.La funzione Rickshaw.Class.create utilizzata per var ajaxGraph = new Rickshaw.Graph.Ajax è troppo complicata per me per comprendere con le mie attuali competenze.Posso in qualche modo ottenere l'oggetto grafico appropriato da risciquanks.graph.ajax?O dovrei provare a usare JSON separatamente e quindi chiamare var graph = new Rickshaw.Graph in qualche modo?

Grazie per qualsiasi suggerimento.

Answer 1

Considerarei sicuramente piuttosto fare il materiale JSON separatamente, ottenere i dati nel formato corretto e quindi vincolando il risciò.

Fare che potrebbe non essere difficile come pensi e sarà utile in seguito per un lavoro diverso. Usando l'astrazione Ajax di Rickshaw non ti salva davvero dalla complessità a mio avviso.

Ecco uno screencast che ho creato che passa attraverso esattamente ciò di cui hai bisogno: http:// tagtree.tv/d3-with-riskshaw-and-angular . Potrebbe essere un po 'più complesso perché plons un grafico risciò in un'app angolare, che ha le sue sfide. Ma quello che ti mostra, è come massaggiare i dati che ottieni dal server nel formato corretto da dare a risciò.

Ottenere i dati dal server con jQuery è abbastanza facile. È possibile utilizzare i metodi Ajax SHORTHAND:

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

o addirittura conoscere la chiamata Ajax (penso che sia meglio iniziare qui):

http://api.jquery.com/jquery.ajax/ Quindi massaggiare i dati in modo che il risciò possa legarti, consiglierei di utilizzare underscore:

http://underscorejs.org/