Gráfico Rickshaw.js con eje de adición ajax/jsonp

Question

Soy nuevo en javascript jQuery y JSON y estoy comenzando un proyecto en el que me gustaría hacer algunos gráficos en un navegador.Buscando en tutoriales y ejemplos, me gustaría crear un gráfico con algunos datos recopilados con JSON y luego trabajar con el gráfico como se muestra en la ejemplos (agregando ejes...).

Así que estoy bastante seguro de que el problema es que al crear el gráfico con var ajaxGraph = new Rickshaw.Graph.Ajax no devuelve el mismo objeto que var graph = new Rickshaw.Graph.El Rickshaw.Class.create función utilizada para var ajaxGraph = new Rickshaw.Graph.Ajax Es demasiado complicado para mí comprenderlo con mis habilidades actuales.¿Puedo de alguna manera obtener el objeto gráfico adecuado de Rickshaw.Graph.Ajax?¿O debería intentar usar JSON por separado y luego llamar? var graph = new Rickshaw.Graph ¿de alguna manera?

Gracias por cualquier pista.

Answer 1

Definitivamente consideraría hacer las cosas JSON por separado, obtener los datos en el formato correcto y luego vincular Rickshaw a ellos.

Hacerlo puede que no sea tan difícil como cree y será útil más adelante para otros trabajos.En mi opinión, usar la abstracción ajax de Rickshaw realmente no te salva de la complejidad.

Aquí hay un screencast que creé y que explica exactamente lo que necesitas: http://tagtree.tv/d3-con-rickshaw-y-angular.Podría ser un poco más complejo porque coloca un gráfico de Rickshaw en una aplicación Angularjs, que tiene sus propios desafíos.Pero lo que sí le muestra es cómo procesar los datos que obtiene del servidor en el formato correcto para entregárselos a Rickshaw.

Obtener los datos del servidor con jQuery es bastante fácil.Puede utilizar los métodos abreviados de ajax:

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

O incluso conocer la llamada ajax (creo que es mejor empezar aquí):

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

Luego, masajeando los datos para que Rickshaw pueda vincularse a ellos, recomendaría usar guión bajo:

http://underscorejs.org/