2012-11-23 3 views
1

Я следую за Railscast #223, который представил Morris.JS.Использование Ruby Hash вместо Rails ActiveRecord в Coffeescript/Morris.JS

сгенерировать набор данных, который называется @orders_yearly в моем контроллере и на мой взгляд, я следующий попробовать и сделать график:

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

Calling @orders_yearly.inspect показывает, что это только простой хэш:

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

Мне нужно будет изменить значения для xkey и ykeys в coffeescript для работы, но я не уверен, как заставить его работать с моими данными:

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

У кого-нибудь есть идеи?

Спасибо!

ответ

0

После 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'] 
Смежные вопросы