Raylardaki rubileri d3.js'ye nasıl aktarabilirim?

Question

Şu anda, zaman içinde sayısal değerleri göstermek için bir çizgi grafiği oluşturmak üzere d3.js ile kullandığım javascript koduna raylarda yakutta oluşturduğum bir karma öğeyi nasıl besleyeceğimi bulmakta sorun yaşıyorum.

karma halen olarak ayarlandı {: tarih => değer, vb: tarih => değer,}

Ben json içine çevirme .to_json vermedi ama sonra bir sürü sorun yaşıyorum javascript'te bu değerleri çekerek grafiğimin x ve y değerlerini aldım.

Lütfen beni doğru yönde göstermeye yardım edebilir misiniz?

Teşekkürler!

Answer 1

Bunu yapmak için farklı yollar vardır, örneğin AJAX ile yapabilirsiniz.

Ama burada bunu yapmak için gerçekten çok basit bir şekilde açıklanmıştır: Ben gon senin mücevher dosyasında eklemek mücevher olarak d3.js

benzer grafik oluşturmak için gon mücevher kullandık

<script> 
    <% my_ruby_hash = { foo: "bar" } %> 
    var jsonString = "<%= my_ruby_hash.to_json %>" 
    var parsedData = JSON.parse(jsonString) 
</script> 

Answer 2

gem 'gon' 

İlgili denetleyicide

Örneğin, dizin kullanıyorum

def index 
    data = 'some data in what ever format you like' 
    gon.data = data 
end 

senin görünümünde

veri gon erişebilir ve ilgili javascript işlevine geçebilir

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
    var dataset = gon.data; 
    plot_graph(dataset); 
    }); 
</script>