NVD3.js: ReferenceError: nv nie jest zdefiniowany

Question

Używam biblioteki NVD3.js do generowania wykresu. Próbowałem dodać do niego wykres liniowy & otrzymując powyższy błąd. Jak to rozwiązać?

Próbuję to here

Answer 1

można umieścić Plunker/Fiddle? Z góry mojej głowy może to być miejsce, w którym włączysz nv.d3.js. Czy dodałeś także D3.js?

Answer 2

W rzeczywistości okazało się, że problemem była struktura folderów. Przykłady, które pochodzi z kątowym-nvd3 stronie daje ścieżkę

bower_components/nvd3/nv.d3.js

, sprawdź w swoim bower_components złożyć rzeczywista ścieżka byłaby

bower_components/nvd3/build/nv.d3.js

Podobnie ścieżka nv.d3.css NIE

bower_components/nvd3/nv.d3.css

to,

bower_components/nvd3/build/nv.d3.css

Ponadto, nie zapomnij dodać

<meta charset="utf-8"> 

jako pierwsza linia wewnątrz tagu głowy ..

Answer 3

Czy u to nv.d3.js & d3.js jak sekwencja z nich będzie również powodować problemy spróbuj dodać d3.js pierwszy

Answer 4

Miałem podobny problem z działaniem ionic2 (w oparciu o Angular2).

Although all the necessary libraries were included in the index.html. The problem finaly was that the scripts has to be included before the ionic app is loaded!!!

<!-- 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> 
 
    
 

Dodaj te pliki w index.html