我正在尝试在 Rails 4 应用程序中使用 d3 这个很棒的 Javascript 库。到目前为止,我做了以下事情:
1) 具有 1 个模型的新 Rails 应用程序:“可视化”属性:名称:字符串和描述:字符串 2) 创建了 1 个新的可视化 3) 在 views/show.html.erb 中,我有以下代码:
<header>
<p id="notice"><%= notice %></p>
<p>
<strong>Name</strong>
<%= @visualization.name %>
</p>
<p>
<strong>Description</strong>
<%= @visualization.description%>
</p>
<p>
<strong>Graph</strong>
</p>
</header>
<body>
</body>
<footer>
<%= link_to 'Edit', edit_visualization_path(@visualization) %> |
<%= link_to 'Back', visualizations_path %>
</footer>
我正在使用此链接 here
并尝试创建基本条形图,因此我将以下内容添加到 javascripts/visualizations.js.coffee 文件
var dataset = [ 5, 10, 15, 20, 25 ];
d3.select("body").selectAll("div")
.data(dataset)
.enter()
.append("div")
.attr("class", "bar");
当我访问这个 url 时:
http://localhost:3000/visualizations/1
我看到这个错误屏幕:
如果有人可以帮助入门,我将不胜感激。谢谢
更新。由于以下答案,错误消失了。但是我仍然无法理解这个 Javascript 应该去哪里对显示 View 模板的 DOM 进行操作。
最佳答案
您的文件名以 .coffee
结尾,在 CoffeeScript 中使用 var
是无效的。如果您想继续使用 JavaScript,只需将其重命名为 visualizations.js
。
关于javascript - 在基本 Rails 4 应用程序中开始使用 d3.js 的挑战,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20939138/