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

发布时间：2020-12-17 01:30:10 所属栏目：百科来源：网络整理

导读：我在数据库中有一个列,其中包含对下拉“引用来源”问题的回复.我正在查询并返回哈希： Clients.count(:all,:group = :referral_source) 这导致以下哈希： {"Internet search (e.g.,Google)?"=26,"Personal referral (e.g.,friend or family)"=23,"Other"=11,

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

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.,:Count=>26},... ]

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!