如何将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>