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}

xkey機能するように coffeescript のとの値を変更する必要がありますが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']

誰にもアイデアはありますか？

ありがとう！

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 に答える