如何將Rails數據上的ruby數據輸入d3.js？

Question

我目前在弄清楚如何將在Rails中在ruby中創建的哈希值饋送到與d3.js一起使用的javascript代碼中，以創建折線圖來顯示一段時間內的數值。

當前將哈希設置為{：date => value，：date => value等。

我做了.to_json將它們轉換為json，但是在將這些值在javascript中作為我的圖形的x和y值時遇到了很多麻煩。

有人可以幫我指出正確的方向嗎？

謝謝！

Answer 1

有多種方法可以執行此操作...例如，您可以使用AJAX進行此操作。

但這是一種非常簡單的方法：

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

Answer 2

我已經用gon gem與d3.js生成了類似的圖形

在您的gem文件中添加gem gon

gem 'gon'

例如在您的相關控制器中，我使用索引

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

在您看來，您可以訪問gon數據並將其傳遞給相關的javascript函數

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