d3.js

2013-03-26 15 views
5

के साथ परिचय के साथ परेशानी तो मैं सिर्फ d3.js शुरू कर रहा हूं और मुझे जावास्क्रिप्ट त्रुटि मिल रही है और मुझे नहीं पता कि क्यों। मैंने अभी एसवीजी के साथ तीन सर्किल बनाए हैं और उन्हें डी 3 के साथ चुनना चाहते हैं।d3.js

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

इस पृष्ठ पर समुदायों का चयन करने, ताकि मैं उन्हें हेरफेर कर सकते हैं माना जाता है लेकिन मैं अपने वेब कंसोल में एक संदर्भ त्रुटि है कि svg कहते बार आ रही है परिभाषित नहीं है: यहाँ मेरी कोड है? लेकिन प्रारंभिक ट्यूटोरियल svg परिभाषित करने के बारे में कुछ भी नहीं कहता है?

+0

आप किस ट्यूटोरियल का अनुसरण कर रहे हैं? –

+0

यह एक: http://mbostock.github.com/d3/tutorial/circle.html – AzzyDude

+0

हाँ, वह वास्तव में इसका उल्लेख नहीं करता है, कम से कम स्पष्ट रूप से नहीं, [परिचय] में भी नहीं (http: // d3js .org /)। इन स्थितियों में मुझे जो मदद मिली वह पृष्ठ स्रोत पर नजर डालें और वास्तविक कोड की जांच करें। –

उत्तर

8

svg.selectAll का उपयोग करने से पहले आपको वास्तव में svg तत्व का चयन करने की आवश्यकता है।

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

मेरी इच्छा है कि उन्होंने ट्यूटोरियल में निर्दिष्ट किया होगा :( – AzzyDude

+0

क्या आप ट्यूटोरियल से लिंक कर सकते हैं? सामान्य रूप से ऑब्जेक्ट्स आपके लिए निर्दिष्ट नहीं किए जाने तक जादुई रूप से आपके लिए नहीं बनाए जाएंगे। – Vinay

+0

लेकिन मैं आपके दर्द को समझता हूं। चीजें निराशाजनक हो सकती हैं जब आप बस हों एक क्षेत्र में शुरूआत और दस्तावेज स्पष्ट/शुरुआती-अनुकूल नहीं है। – Vinay

 संबंधित मुद्दे