hash – 准备数据在Ruby on Rails数据库的d3.js中绘图

我在数据库中有一个列,其中包含对下拉“引用来源”问题的回复.我正在查询并返回哈希：

Clients.count(:all, :group => :referral_source)

这导致以下哈希：

{"Internet search (e.g., Google)?"=>26, 
 "Personal referral (e.g., friend or family)"=>23, 
 "Other"=>11, ""=>51, 
 "Listserv (e.g., neighborhood listserv)"=>5,
 "Walk by"=>5}

在视图中,我想将这些结果绘制为带有d3.js的条形图.我发现这个漂亮的d3.js example带有一个图表,看起来就像我希望我的图表一样.我的问题是该示例使用CSV数据.

如何将我的数据转换为此示例直接使用rails的格式.换句话说,我希望我的数据看起来像一个对象数组,传递给视图中的javascript：

var data = [ {"Name": "Internet search (e.g., Google)?", "Count": 26},
             {"Name": "Personal referral (e.g., friend or family)", "Count": 23},
             ... ]

如何修改该哈希(或查询)以使其成为所需的格式？

D3-generator.com是 D3.js开始的一个很好的参考.我也发现 D3 tutorials有用,但我没有看到带有标签的水平条形图.

我通过将哈希重新映射到新数组来解决了我的问题.似乎可以使用原始查询来执行此操作,但我对Activerecord / SQL并不强大,以实现它.

下面是我如何将哈希重新映射到可以与Ruby中的D3生成器一起使用的对象数组

@referral_source = Client.count(:all, :group => :referral_source)
remap = @referral_source.map {|k, v| { Name: k, Count: v} } 

=> {{:Name=>"Internet search (e.g., Google)?", :Count=>26}, ... ]

然后我在视图中做了一个.to_json.我花了比我想象的更长的时间.