NVD3.js：ReferenceError：未定义 nv答案

【问题标题】：NVD3.js: ReferenceError: nv is not definedNVD3.js：ReferenceError：未定义 nv
【发布时间】：2015-04-16 13:23:44
【问题描述】：

我正在使用 NVD3.js 库来生成图形。我尝试在其中添加折线图并得到上述错误。如何解决？

我正在尝试这个here

【问题讨论】：

标签： nvd3.js

【解决方案1】：

其实我发现问题出在文件夹结构上。 angular-nvd3网站自带的例子给出了路径

bower_components/nvd3/nv.d3.js

，在您的 bower_components 文件中检查实际路径

bower_components/nvd3/build/nv.d3.js

同样，nv.d3.css 路径也不是

bower_components/nvd3/nv.d3.css

原来如此，

bower_components/nvd3/build/nv.d3.css

另外，别忘了添加

<meta charset="utf-8">

作为 head 标签内的第一行..

【讨论】：

【解决方案2】：

你能发布一个 Plunker/Fiddle 吗？在我的脑海中，它可能只是你包含 nv.d3.js 的地方。你是否也包含了 D3.js？

【讨论】：

是的。我想我还需要添加 D3.V3.min.js。我还没有看到 NVD3.js 网站的主页，直接去了图表示例，其中没有包含文件的参考.....谢谢
有什么解决办法吗？
在使用 NVD3 之前，您需要确保包含 D3。 d3js.org/d3.v3.min.js

【解决方案3】：

我在使用 ionic2（基于 Angular2）时遇到了类似的问题。

尽管所有必要的库都包含在 index.html 中。最后的问题是脚本必须在离子应用程序已加载！！！

<!-- These scripts are copied from node_modules-->
  <script src="build/d3.min.js" charset="utf-8"></script>
  <script src="build/nv.d3.min.js"></script>

<!-- Ionic's root component and where the app will load -->
  <ion-app></ion-app>

【讨论】：

【解决方案4】：

你是否包含nv.d3.js和d3.js，因为这些的顺序也会导致问题尝试先添加d3.js

【讨论】：

【解决方案5】：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.4/nv.d3.min.css"/>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.5/nv.d3.min.js"></script>

在您的 index.html 中添加这些文件

【讨论】：

如果忘记了还需要在package.json中添加依赖
虽然这段代码 sn-p 可以解决问题，但including an explanation 确实有助于提高帖子的质量。请记住，您是在为将来的读者回答问题，而这些人可能不知道您提出代码建议的原因。

【解决方案6】：

如果您使用的是 Angular 2 或更高版本，那么

"../node_modules/ng2-nvd3/node_modules/d3/d3.min.js",
"../node_modules/ng2-nvd3/node_modules/nvd3/build/nv.d3.min.js"

只需在.angular-cli.json 中的scripts 数组下添加以上行。

【讨论】：

感谢您提供易于理解的解决方案