带有ajax/jsonp加法轴的Rickshaw.js图

Question

我对javascript、jQuery和JSON很陌生，我正在启动一个项目，我想在浏览器中做一些图表。通过教程和示例，我想用JSON收集的一些数据创建一个图，然后处理这个图，如示例所示(添加轴.)。

所以我很确定问题是用var ajaxGraph = new Rickshaw.Graph.Ajax创建图形并不会返回与var graph = new Rickshaw.Graph相同的对象。用于var ajaxGraph = new Rickshaw.Graph.Ajax的var ajaxGraph = new Rickshaw.Graph.Ajax函数太复杂，我无法用我目前的技能来理解。我能从Rickshaw.Graph.Ajax中得到合适的图形对象吗？或者我应该尝试单独使用JSON，然后以某种方式调用var graph = new Rickshaw.Graph？

谢谢你的暗示。

Answer 1

我肯定会考虑单独处理JSON，将数据转换为正确的格式，然后将Rickshaw绑定到它。

这样做可能不像你想的那么困难，以后对不同的工作也会有帮助。在我看来，使用Rickshaw的ajax抽象并不能真正地将您从复杂性中拯救出来。

下面是我创建的一个屏幕，它完全通过了您需要的内容：http://tagtree.tv/d3-with-rickshaw-and-angular。它可能会更复杂一些，因为它将Rickshaw图形嵌入到Angularjs应用程序中，这有其自身的挑战。但是它向您展示的是，如何将从服务器获得的数据按正确的格式提供给Rickshaw。

使用jQuery从服务器上获取数据非常容易。您可以使用速记ajax方法：

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

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

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

然后按摩数据以便Rickshaw可以绑定到它，我建议使用下划线：

http://underscorejs.org/