2013-05-21 17 views
6

Ich habe dies in meiner index.html-Datei, aber es zeigt nicht den Absatz, den ich mit D3Simplest D3.js Beispiel nicht funktioniert

<!DOCTYPE html> 
<html> 
    <head> 
    <title> D3 page template </title> 
    <script type="text/javascript" src = "d3/d3.v3.js"></script> 
    </head> 

    <body> 
    <script type="text/javascript"> 
     d3.select("body").append("p").text("new paragraph!"); 
    </script> 
    </body> 
</html> 

Der Weg zum hinzufügen will, wo ich bin D3.js Referenzierung richtig sein soll, weil wenn ich ein inspect-Element im Browser verwende, kann ich auf den D3 Link klicken und es bringt mich zum Quellcode.

enter image description here

+0

Es funktioniert für mich ... –

+2

Verwenden http://d3js.org/d3.v3.min.js in src für d3 –

+0

fügte auch das Bild des Fehlers bei, den ich bekomme. –

Antwort

15

Sie vermissen das Zeichen in der HTML-Seite gesetzt. so etwas wie dies hinzufügen:

<meta charset="utf-8"> 

Die un-minimierte Quelle D3 beinhaltet die eigentliche Symbol für Pi, die den Browser so einstellen, wenn das Zeichen verwechselt wird nicht definiert.

+0

wow ... interessant. Danke –

+1

Ja, das habe ich mir gedacht. Vielleicht ist es eine Stealth-Kampagne von @mbostock, um Leute dazu zu bringen, über Unicode und Zeichensätze zu lernen :-) – explunit

+0

+1 Very Nice Catch! Ich habe mich auch gewundert, warum ich einen Fehler bekommen habe, der den unminitierten Code ablief und der Min-Code war in Ordnung. – markE

5

Ich gehe davon aus, dass Sie dies ohne einen Webserver testen. Wenn ja, dann wird Ihre URL Datei lesen: // .... nicht http: // ..

Mit diesem wird die Javascript-Anfrage zu Datei: ///.../D3/d3/d3 gehen .v3.js, die nicht den richtigen Antwortheader enthalten, wie z. B. charset und MIME.

Sie können immer es von einem CDN erhalten, dieses Problem zu vermeiden:

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 
+0

Danke, es funktioniert für mich. für mich habe ich das unten in meiner Datei aber nicht funktioniert, Danach habe ich Charset mit cdn hinzugefügt, es hat funktioniert. Warum brauchte es dort? – AKS

Verwandte Themen