【问题标题】:reference error - can't find variable d3 - when i try to create a piano using javascript参考错误 - 找不到变量 d3 - 当我尝试使用 javascript 创建钢琴时
【发布时间】:2016-07-04 09:39:56
【问题描述】:

我正在尝试根据特定要求创建钢琴,我指的是“https://codepen.io/moffboffjoe/pen/EjEYKg

当我尝试在本地运行相同的程序时,出现错误 - ReferenceError: Can't find variable: d3
我尝试包含相应的 js - 我包含了

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<script src="https://d3js.org/d3-selection.v1.min.js"></script>

错误发生在这一行 -

 var svg = d3.get(".svg-container")
      .append("svg")
      .attr("width",width)
      .attr("height",height);

我不知道实际上需要哪一种或两种。但到目前为止没有任何帮助。

【问题讨论】:

  • 发布您的所有代码或至少一些重要部分
  • 检查您的网络选项卡是否已加载 cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js javascript?
  • 你用的是什么浏览器?如果您查看浏览器的开发工具“Net”选项卡,d3 是否真的在加载?您自己的脚本在自己的文件中吗?是加载吗?我自己试过了,效果很好。您是否在自己的脚本之前包含 d3.min.js?
  • 感谢@PaulLeBeau - 我通过在我自己的 javascript 文件之前包含 d3.min.js 来修复它。我没有注意到这一点。无论如何,谢谢大家:)
  • 顺便说一句,我认为你不应该在这里混合 d3 version3(来自 cloudfare.com)和 version4(来自 d3js.org)。

标签: javascript d3.js svg


【解决方案1】:

尝试使用d3.select() 而不是d3.get()
当我使用您的网址时,d3 对象工作正常。

【讨论】:

    猜你喜欢
    • 2012-12-23
    • 1970-01-01
    • 1970-01-01
    • 2021-10-26
    • 2016-01-10
    • 1970-01-01
    • 2018-04-27
    • 2018-11-27
    • 2021-10-16
    相关资源
    最近更新 更多