힘 레이아웃의 드롭 다운 메뉴 (d3.js) 본 실시 예에 근거

추가 : http://bl.ocks.org/jfreels/6734245 힘 레이아웃의 드롭 다운 메뉴 (d3.js) 본 실시 예에 근거

제가 D3.js이 단일 행을 포함하는 코드를 사용 :

<script> 
var select = d3.select('body').append('select') 
</script>

을

화면의 왼쪽 상단에있는 빈 드롭 다운 메뉴가 나타납니다. 그럼 내 계획은이 예제를 기반으로하는 강제 직접 레이아웃의 드롭 다운 메뉴를 복사하여 붙여 넣는 것입니다. https://bl.ocks.org/mbostock/4062045

하지만 불행히도 효과가 없습니다. 내가 아래의 메뉴를 만들 때 d3.select('body')을 사용하기 때문입니까?

출처

2017-03-15 Derick Kolln

작동하지 않는 것을 포함시킬 수 있습니까? – rasmeister

예, 드롭 다운 메뉴가 나타나지 않았습니다. –

예.

<body> 태그를 추가하면 완벽하게 작동합니다. 반드시 올바른 디렉토리에 script.js 파일이

<!DOCTYPE html> 
<meta charset="utf-8"> 
<script src="https://d3js.org/d3.v4.min.js"></script> 
<body> 
    <svg width="960" height="600"></svg> 
    <script type='text/javascript' src='script.js'></script> 
</body>

합니다

코드는 (스크립트를 제외하고, 스타일)과 같을 것입니다. 다른 코드를 <script> </script> 태그로 복사하십시오. 나는 이것을 추천 할 수 없다.

출처

2017-03-15 16:35:27 MadsVJ

고마워,이'src = 'script.js'는 무엇을위한 것인가? –

내가 제대로 만들지 모르겠지만 팁은 효과가 없다고 생각합니다. –

블록에서 사용자 스크립트는 script.js라고합니다. 스크립트를 script.js 파일에 저장하면 결과를 얻을 수 있습니다. 또는 스크립트 태그에 넣어 써주세요. 여기에 몇 가지 근본적인 질문이있는 것 같습니다. 당신은 아마 자바 스크립트 또는 d3 자바 스크립트에서 입문서를 받아야합니다. 이 d3 버전을 살펴보십시오. 현재 무료입니다. http://chimera.labs.oreilly.com/books/1230000000345 – MadsVJ

힘 레이아웃의 드롭 다운 메뉴 (d3.js) 본 실시 예에 근거

답변

관련 문제