1

我正在关注介绍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 的值才能工作xkeyykeys但我不确定如何使它与我的数据集一起工作:

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

有人有想法么?

谢谢!

4

1 回答 1

0

按照此处的 Morris.JS 示例,我想您必须稍微更改一下数据哈希。

{'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']
于 2012-11-23T23:00:48.280 回答