NVD3.js: ReferenceError: nv non definito

Question

Sto utilizzando la libreria NVD3.js per generare grafici. Ho provato ad aggiungere il grafico a linee in esso & ottenendo l'errore di cui sopra. Come risolverlo?

Sto provando questo here

Answer 1

Puoi pubblicare un Plunker/Fiddle? In cima alla mia testa, potrebbe essere solo il punto in cui stai includendo il file nv.d3.js. Hai incluso anche D3.js?

Answer 2

In realtà ho scoperto che il problema era la struttura delle cartelle. Gli esempi che viene fornito con il sito angolare nvd3 dà percorso

bower_components/nvd3/nv.d3.js

, il check-nei vostri bower_components archiviare il percorso effettivo sarebbe

bower_components/nvd3/build/nv.d3.js

Allo stesso modo il percorso nv.d3.css NON è

bower_components/nvd3/nv.d3.css

è,

bower_components/nvd3/build/nv.d3.css

Inoltre, non dimenticare di aggiungere

<meta charset="utf-8"> 

come la prima linea all'interno del tag head ..

Answer 3

ha fatto u includono nv.d3.js & d3.js come la sequenza di questi sarà anche causare problemi di provare ad aggiungere d3.js primo

Answer 4

Ho avuto il problema simile con ionic2 (basato su 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> 
 
    
 

Aggiungere questi file nel vostro index.html