Gráfico Rickshaw.js com eixo de adição ajax/jsonp

Question

Sou novo em javascript jQuery e JSON e estou iniciando um projeto onde gostaria de fazer alguns gráficos em um navegador.Explorando tutoriais e exemplos, gostaria de criar um gráfico com alguns dados coletados com JSON e depois trabalhar com o gráfico conforme mostrado na exemplos (adicionando eixos...).

Tenho quase certeza de que o problema é que criar o gráfico com var ajaxGraph = new Rickshaw.Graph.Ajax não retorna o mesmo objeto que var graph = new Rickshaw.Graph.O Rickshaw.Class.create função usada para var ajaxGraph = new Rickshaw.Graph.Ajax é muito complicado para eu compreender com minhas habilidades atuais.De alguma forma, posso obter o objeto gráfico adequado de Rickshaw.Graph.Ajax?Ou devo tentar usar JSON separadamente e depois ligar var graph = new Rickshaw.Graph de alguma forma?

Obrigado por qualquer dica.

Answer 1

Definitivamente, eu consideraria fazer o JSON separadamente, colocar os dados no formato correto e vincular o Rickshaw a eles.

Fazer isso pode não ser tão difícil quanto você pensa e será útil mais tarde para trabalhos diferentes.Usar a abstração ajax do Rickshaw realmente não salva você da complexidade, na minha opinião.

Aqui está um screencast que criei que mostra exatamente o que você precisa: http://tagtree.tv/d3-with-rickshaw-and-angular.Pode ser um pouco mais complexo porque coloca um gráfico Rickshaw em um aplicativo Angularjs, que tem seus próprios desafios.Mas o que ele mostra é como transformar os dados que você obtém do servidor no formato correto para fornecer ao Rickshaw.

Obter os dados do servidor com jQuery é bastante fácil.Você pode usar os métodos abreviados do ajax:

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

Ou ainda conhecer a chamada do ajax (acho melhor começar por aqui):

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

Em seguida, massageando os dados para que o Rickshaw possa vinculá-los, eu recomendaria usar o sublinhado:

http://underscorejs.org/