2017-03-15 67 views
0

在此基礎上例如: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

但unfortunaly它並沒有奏效。是因爲我使用d3.select('body')來創建下拉菜單嗎?

+0

你能包括什麼沒有工作? – rasmeister

+0

是的,下拉菜單沒有出現。 –

回答

1

是的。

當您添加<body>標記時,它工作得很好。

您的代碼會看起來像(不包括腳本和樣式):

<!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.js文件在正確的目錄。否則,將代碼複製到<script> </script>標記中。我不能推薦這個。

+0

謝謝,這是什麼src ='script.js''? –

+0

不知道我是否正確,但我認爲你的提示不起作用。 –

+0

在塊中,用戶腳本稱爲script.js。 將腳本作爲script.js存儲在一個文件中,您將得到結果。 或者當我寫入將它放入腳本標記。 看來你在這裏有一些非常基本的問題。你可能應該在javascript或d3 javascript中使用入門教程。 看看這個d3之一 - 它目前是免費的:http://chimera.labs.oreilly.com/books/1230000000345 – MadsVJ