我是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
?
感谢任何提示。
答案 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/
然后按摩数据以便人力车可以绑定它,我建议使用下划线: