0

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

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

感谢您的任何提示。

4

1 回答 1

2

我肯定会考虑单独处理 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/

于 2014-01-15T09:22:12.507 回答