Rickshaw.js图与ajax / jsonp添加轴

时间:2014-01-09 18:33:26

标签: javascript jquery ajax jsonp rickshaw

我是javascript jQuery和JSON的新手,我正在开始一个项目,我想在浏览器中做一些图表。深入学习教程和示例我想创建一个图表,其中包含一些使用JSON收集的数据,然后使用examples中显示的图表(添加轴...)。

所以我很确定问题是使用var ajaxGraph = new Rickshaw.Graph.Ajax创建图表时不会返回与var graph = new Rickshaw.Graph相同的对象。用于Rickshaw.Class.create的{​​{1}}函数太复杂了,我无法理解我目前的技能。我可以以某种方式从Rickshaw.Graph.Ajax获取正确的图形对象吗?或者我应该尝试单独使用JSON,然后以某种方式调用var ajaxGraph = new Rickshaw.Graph.Ajax

感谢任何提示。

1 个答案:

答案 0 :(得分:2)

我肯定会考虑单独执行JSON操作,将数据转换为正确的格式,然后将Rickshaw绑定到它。

这样做可能不会像您想象的那么难,并且稍后会对不同的工作有用。在我看来,使用人力车的ajax抽象并不能真正帮助你避免复杂性。

这是我创建的截屏视频,完全符合您的需求:http://tagtree.tv/d3-with-rickshaw-and-angular。它可能有点复杂,因为它将人力车图形转换为Angularjs应用程序,它有自己的挑战。但是它告诉你的是,如何将从服务器获得的数据按照正确的格式按摩给人力车。

使用jQuery从服务器获取数据非常简单。您可以使用简写ajax方法:

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

甚至可以了解ajax调用(我认为最好从这里开始):

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

然后按摩数据以便人力车可以绑定它,我建议使用下划线:

http://underscorejs.org/