javascript - 如何将整数数组转换为人力车的 x/y 坐标

Question

我正在尝试将很棒的 JS 图形库 Rickshaw 集成到我的项目中。 人力车可以在这里找到:http://code.shutterstock.com/rickshaw/

我想要绘制图表的数据位于一个简单的数组中:

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...]

所以我的问题是，如何删除上面的引号以获得哈希数组，或者，如果我走错了路:如何格式化该数组以使其可以呈现给 Rickshaw？我更喜欢在这里使用 Ruby，但任何 JavaScript 语言也都很棒。

谢谢。

Answer 1

你们已经很接近了。试试这个:

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