NVD3.js：ReferenceError：未定义nv

Question

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

我正在尝试这个here

Answer 1

你可以张贴一个Plunker /小提琴吗？在我的头顶，它可能只是你包括nv.d3.js的地方。你还包括D3.js吗？

Answer 2

其实我发现，问题是文件夹结构。 angular-nvd3网站附带的示例提供了路径

bower_components / nvd3 / nv.d3.js

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

bower_components / nvd3 /编译/ nv.d3.js

类似地，nv.d3.css路径不是

bower_components / nvd3 / nv.d3.css

它是，

bower_components / nvd3 /编译/ nv.d3.css

另外，不要忘记添加

<meta charset="utf-8">

作为头部标签内的第一行..

Answer 3

您是否包括nv.d3.js和d3.js，因为这些序列也会导致问题尝试首先添加d3.js

Answer 4

我在使用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>

Answer 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中添加这些文件

Answer 6

如果您使用角度2或更高版本，那么

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

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