gpt4 book ai didi

javascript - 在基本 Rails 4 应用程序中开始使用 d3.js 的挑战

转载 作者:太空宇宙 更新时间:2023-11-03 16:28:08 26 4
gpt4 key购买 nike

我正在尝试在 Rails 4 应用程序中使用 d3 这个很棒的 Javascript 库。到目前为止,我做了以下事情:

1) 具有 1 个模型的新 Rails 应用程序:“可视化”属性:名称:字符串和描述:字符串2) 创建了 1 个新的可视化3) 在 vi​​ews/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

我看到这个错误屏幕:

enter image description here

如果有人可以帮助入门,我将不胜感激。谢谢


更新。由于以下答案,错误消失了。但是我仍然无法理解这个 Javascript 应该去哪里对显示 View 模板的 DOM 进行操作。

最佳答案

您的文件名以 .coffee 结尾,在 CoffeeScript 中使用 var 是无效的。如果您想继续使用 JavaScript,只需将其重命名为 visualizations.js

关于javascript - 在基本 Rails 4 应用程序中开始使用 d3.js 的挑战,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20939138/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com