Rickshaw.js圖與ajax/jsonp添加軸

Question

我是新來的JavaScript jQuery和JSON，我開始一個項目，我想在瀏覽器中做一些圖。通過教程和示例進行挖掘我想創建一個圖表，其中包含使用JSON收集的一些數據，然後使用examples（添加軸...）中顯示的圖表進行處理。

所以我很確定問題是創建圖形var ajaxGraph = new Rickshaw.Graph.Ajax不會返回與var graph = new Rickshaw.Graph相同的對象。用於var ajaxGraph = new Rickshaw.Graph.Ajax的Rickshaw.Class.create功能太複雜了，我無法理解我的當前技能。我能以某種方式從Rickshaw.Graph.Ajax中獲取適當的圖形對象嗎？或者我應該嘗試單獨使用JSON，然後以某種方式撥打var graph = new Rickshaw.Graph？

感謝您的任何提示。

Answer 1

我肯定會考慮寧願單獨做JSON的東西，將數據轉換成正確的格式，然後將人力車綁定到它上面。

這樣做可能並不像您想象的那麼辛苦，並且稍後將用於不同的工作。在我看來，使用Rickshaw的ajax抽象並不能真正爲您節省複雜性。

下面是我創建的截屏視圖，它完全符合您的需求：http://tagtree.tv/d3-with-rickshaw-and-angular。這可能會更復雜一點，因爲它將Rickshaw圖形嵌入到Angularjs應用程序中，這有它自己的挑戰。但它向你展示的是如何將你從服務器獲得的數據按照正確的格式提供給人力車。

使用jQuery從服務器獲取數據非常簡單。您可以使用速記AJAX方法：

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

甚至瞭解Ajax調用（我認爲這是更好地從這裏開始）：

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

然後按摩的數據，以便人力車可以綁定到它，我會建議使用下劃線：

http://underscorejs.org/