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

Question

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

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示例,其中的图表看起来与我想要的图表完全一样.我的问题是该示例使用CSV数据.

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

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

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

Answer 1

D3-generator.com是开始使用D3.js的不错参考.我还发现D3教程很有用,但我没有看到带有标签的水平条形图.

我通过将哈希重新映射到新数组来解决了我的问题.似乎可以使用原始查询来执行此操作,但我对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.我花了比我想象的更长的时间.