Running D3.js 예

Question

D3를 배우려고했지만 서클 예제를 실행하는 데 문제가 있습니다.

http://mbostock.github.com/d3/tutorial/circle.html 

난 원이 색상과 크기가 바뀌는 단계를 실행하려고합니다.

내가 한 모든 복사 및 붙여 넣기, 예했지만, 나는이 문제를 해결하기 위해 튜토리얼을 통해 해결하려고 노력했습니다이

http://jsfiddle.net/NntGN/ 

에 접근하는 방법 밖에 모르는 :

을

http://jsfiddle.net/H2SKt/1/ 

원형 차트를 보면 이름이 차단됩니다. 모든 라벨이 원형 차트의 중심을 향하고 서로를 가리지 않도록 변경해야하는 것은 무엇입니까? 나는 텍스트 앵커를 가지고 놀았으며 최선의 방법이라고 생각합니다. 그러나 나는 진전을 이루지 못하고 있습니다. 어떤 도움

감사합니다 :)

사이트에 다음 HTML 코드를 복사하지 않아도 모든

Answer 1

음 첫째 : 당신을 위해 d3.js를 수행

<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> 
    ... 
</svg> 

. svg 요소를 선택하거나 (예를 들어 몸에 하나 추가) 자바 스크립트 코드를 작성하고 요소를 작성하면됩니다. svg이 정의되어 있지 않으므로 코드가 작동하지 않습니다.

circle tutorial에있는 요소 만들기 섹션을 참조하십시오.

마지막으로 중요한 것은 여기에 작업 jsfiddle입니다.