Warum wird meine SVG nicht erstellt?

Mein Code sieht wie folgt aus:Warum wird meine SVG nicht erstellt?

Index.HTML

<head> 
    <script type="text/javascript" src="d3/d3.js"></script> 

</head> 

<body> 
    <script type="text/javascript" src="Fuel_Plan.js"></script> 
    <div class="mydiv"> 
    </div> 

</body>

Fuel_Plan.js:

var width = 800; 
var height = 300; 


var svg = d3.select(".mydiv") 
    .append("svg") 
    .attr("width", width) 
    .attr("height", height);

Was bin ich zu erreichen versuchen? Zeichnen Sie ein leeres SVG (und fügen Sie ein Hintergrundbild an, aber das ist für später!) Also wähle ich "mydiv" und ich füge ein SVG an, dann gebe ich es attrs, der Breite und Höhe.

Wenn ich in meinem Browser gehen, obwohl ich das sehe:

Wie Sie es sehen können, nicht richtig die SVG-Anzeige, kann mir jemand helfen, was ich falsch hier? Ich bin mir sicher, dass ich etwas Grundlegendes vermisse!

Console ist leer

Quelle

2017-09-30 Waller

Dein 'svg' ist nicht einmal angehängt - ich denke, das ist das Hauptproblem – lumio

Dein Problem hier ist sehr einfach: im Moment läuft das Skript, es gibt kein div. Verschiebe das Skript an den unteren Rand des Körpers. –

@GerardoFurtado Ich habe meine Skript-Einfügung an den unteren Rand meiner Div verschoben und es funktioniert immer noch nicht, sollte ich meinen Beitrag aktualisieren? – Waller

<div class="mydiv"> 
</div> 
<script type="text/javascript" src="Fuel_Plan.js"></script>

oben arbeiten, Skript ausgeführt wurde, bevor div erstellt wurde.

Quelle

2017-09-30 12:51:29 Waller

Warum wird meine SVG nicht erstellt?

Antwort

Verwandte Themen