javascript - 将 D3 包含在 ERB 循环中

Question

我有一个名为 _index.html.erb 的部分

<% metric_objects.each do |metric_object| %>
  <% if metric_object.histogram.has_key? 0 %>
    <%= javascript_include_tag 'iterative_metric_graph.js', metric_object %>
  <% else %>
    <!--Another type of graph-->
  <% end %>
<% end %>

它应该为每个 metric_object 生成一个 D3 条形图。当我打开页面时，我在控制台中收到错误“D3 未定义”。

iterative_metric_graph.js 是我的 app/assets/javascripts/active_admin 文件夹中的一个文件。它由此页面中的 javascript 代码组成:http://bl.ocks.org/mbostock/3943967现在只不过是脚本标签内的内容。

问题是 D3 未包含在 iterative_metric_graph.js 中。我可以通过将 javascript 图形代码(来自上面的链接)直接放入 _index.html.erb 并添加 <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 来解决该错误。 ，但我更愿意渲染部分。如何将 D3(来自网络或文件)包含在我的 javascript 文件中？

Answer 1

要包含 D3，您只需下载它并将其粘贴到您的 app/assets/javascripts 目录中即可。然后将以下内容添加到您的 application.js 文件中:

//= require d3.v3.min

或者，您可以尝试将其放入 vendor/assets/... 中，但是要使其与 Assets 管道良好配合还需要做更多的工作。 (更多信息请参见:Rails asset pipeline: Standard way for including all /vendor/assets/javascripts/?)