在 Coffeescript / Morris.JS 中使用 Ruby 哈希而不是 Rails ActiveRecord答案

【问题标题】：Using Ruby Hash instead of Rails ActiveRecord in Coffeescript / Morris.JS在 Coffeescript / Morris.JS 中使用 Ruby 哈希而不是 Rails ActiveRecord
【发布时间】：2012-11-24 07:00:48
【问题描述】：

我正在关注介绍Morris.JS的Railscast #223。

我在控制器中生成了一个名为 @orders_yearly 的数据集，在我看来，我有以下内容可以尝试渲染图表：

<%= content_tag :div, "", id: "orders_chart", data: {orders: @orders_yearly} %>

调用@orders_yearly.inspect 表明它只是一个简单的哈希：

{2009=>1000, 2010=>2000, 2011=>4000, 2012=>100000}

我需要修改coffeescript 中xkey 和ykeys 的值才能正常工作，但我不确定如何使其与我的数据集一起工作：

jQuery ->
  Morris.Line
    element: 'orders_chart'
    data: $('#orders_chart').data('orders')
    xkey: 'purchased_at' # <------------------ replace with what?
    ykeys: ['price'] # <---------------------- replace with what?
    labels: ['Price']

有人有什么想法吗？

谢谢！

【问题讨论】：

标签： ruby-on-rails coffeescript raphael morris.js

【解决方案1】：

按照Morris.JS examples here，我想您必须稍微更改一下您的数据哈希值。

{'purchased_at' => 2009, 'value' =>1000}
{'purchased_at' => 2010, 'value' =>2000}
...

然后在咖啡里：

jQuery ->
  Morris.Line
    element: 'orders_chart'
    data: $('#orders_chart').data('orders')
    xkey: 'purchased_at'
    ykeys: ['value']
    labels: ['Price']

【讨论】：