2013-03-26 38 views
5

D3.js'yi başlatıyorum ve bir JavaScript hatası alıyorum ve nedenini bilmiyorum. Ben sadece svg ile üç daire oluşturdum ve bunları d3 ile seçmek istiyorum. Bu benim olarak denetlemek için sayfadaki Çevre seçmek gerekiyordu ama svg diyor benim Web Konsolu referans hata almaya devamd3.js'ye girişle ilgili sorun

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <script src="http://d3js.org/d3.v3.min.js"></script> 
    <script type="text/javascript"></script>   
</head> 
<body> 
    <svg width="360" height="180"> 
     <circle class="little" cx="180" cy="45" r="12"></circle> 
     <circle class="little" cx="60" cy="90" r="12"></circle> 
     <circle class="little" cx="300" cy="135" r="12"></circle> 
    </svg> 
    <script type="text/javascript"> 
     var circle = svg.selectAll("circle"); 
    </script> 
</body> 
</html> 

tanımlanmadı: İşte benim kod? Ama tanıtım öğretici svg tanımlamak hakkında bir şey söylemiyor?

+0

Hangi eğiticiyi takip ediyorsunuz? –

+0

Bu bir: http://mbostock.github.com/d3/tutorial/circle.html – AzzyDude

+0

Evet, gerçekten, en azından açıkça değil, [tanıtım] 'da bile söz etmiyor (http: // d3js)/.org. Bu durumlarda yardımcı bulduğum şey, sayfa kaynağına bir göz atmakta ve gerçek kodu kontrol etmektedir. –

cevap

8

Gerçekten svg öğesini svg.selectAll kullanmadan önce seçmeniz gerekir.

var svg = d3.select(document.getElementById('sampleSVGId')), 
    circle = svg.selectAll('circle'); 
+2

Derste belirtmiş olsaydı :( – AzzyDude

+0

Öğreticiye bağlanabilir misiniz? Nesneler genel olarak belirtilmedikçe sizin için sihirli bir şekilde yaratılmayacaktır. – Vinay

+0

Ama ben senin acını anlıyorum. bir alanda başlayan ve belgelerin açık/acemi dostu değil – Vinay