2013-11-15 33 views
1

我想要的真棒JS圖形庫人力車融入我的項目。 人力車可以在這裏找到:http://code.shutterstock.com/rickshaw/如何整型數組轉換成X/Y座標人力車

,我想圖表中的數據是在一個簡單的數組:

data = [51929, 65932, 49119, 50379, 103501, 92430, 93107, 105710, 115200, 109283] 

我想用的各元素的索引陣列中作爲x座標,和元素本身作爲y座標。我需要這個格式化成類似下面的格式,因此Richshaw可以做它的魔力:

data = [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 17 }, { x: 3, y: 42 } ]; 

我已經試過各種方法,我來最接近的是產生散列引號的數組裏面,像所以:

clean_data = [] 
data.each_with_index do |value, index| 
    clean_data << "{x: #{index}, y: #{value} }」 
end 
clean_data.to_a 

返回:

["{x: 0, y: 51929}", "{x: 1, y: 65932}", "{x: 2, y: 49119}" ... etc...] 

所以我的問題是要麼,我怎麼能去掉上面的報價得到公正哈希的數組,或者,如果我在錯誤的tra ck:我如何格式化數組才能使其呈現給人力車?我寧願在這裏使用Ruby,但JavaScript中的任何內容都會很棒。

謝謝。

+0

到目前爲止沒有一個答案是工作,人力車似乎並沒有與火箭哈希很好地工作。我做了一些查找和替換崇高擺脫火箭,並把結腸中的變量的右側和工作過,所以我知道這不是人力車的錯。 – redbeardNinja

回答

0

你是八九不離十。試試這個:

data = [51929, 65932, 49119, 50379, 103501, 92430, 93107, 105710, 115200, 109283] 
clean_data = [] 
data.each_with_index do |value, index| 
    clean_data << {:x => index, :y => value} 
end 

clean_data.to_json 
+0

人力車似乎並不喜歡所產生的JSON字符串。我想知道如果我只是將不得不做一些正則表達式魔術得到它在特定的格式。似乎必須有一種方式,雖然... – redbeardNinja

0
p data.map.with_index{|val, idx| 
    Hash[:x,idx,:y,val] 
} 
#=> [{:x=>0, :y=>51929}, {:x=>1, :y=>65932}, {:x=>2, :y=>49119} .....