d3.js 소개에 문제가 있습니다

그래서 d3.js를 시작하고 JavaScript 오류가 계속 발생합니다. 그 이유는 모르겠습니다. 방금 svg로 세 개의 서클을 만들고 d3으로 선택하려고합니다. 이것은 내가 그들을 조작 할 수 있도록 페이지에 원을 선택하도록되어 있지만 내가 SVG 말한다 내 웹 콘솔에서 참조 오류가 계속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를 정의하는 것에 대해 아무 것도 말하지 않습니다.

출처

2013-03-26 AzzyDude

어떤 자습서를 따르고 있습니까? –

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

예, 그는 적어도 명시 적으로 언급하지 않았습니다. [소개] (http : // d3js .org /). 이러한 상황에서 도움이된다는 사실은 페이지 소스를 살펴보고 실제 코드를 확인하는 것입니다. –

svg.selectAll을 사용하기 전에 실제로 svg 요소를 선택해야합니다.

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

출처

2013-03-26 17:48:07 Vinay

튜토리얼에서 지정한 내용으로 작성했으면 좋겠습니다. ( – AzzyDude

튜토리얼에 링크 할 수 있습니까? 지정되지 않은 한 일반적으로 객체가 생성되지는 않습니다. – Vinay

그러나 나는 당신의 고통을 이해하고 있습니다. 한 영역에서 시작하여 설명서가 명확하지 않고 초보자에게 적합하지 않습니다. – Vinay

d3.js 소개에 문제가 있습니다

답변

관련 문제