在 force-layout (d3.js) 中添加下拉菜单答案

【问题标题】：Adding a drop down menu in the force-layout (d3.js)在 force-layout (d3.js) 中添加下拉菜单
【发布时间】：2017-08-06 11:44:43
【问题描述】：

基于此示例：http://bl.ocks.org/jfreels/6734245

当我在 D3.js 中使用包含这一行的代码时，：

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

然后屏幕左上方会出现一个空的下拉菜单。所以我的计划是根据这个例子将下拉菜单复制并粘贴到强制直接布局中：https://bl.ocks.org/mbostock/4062045

但不幸的是，它没有奏效。是因为我使用d3.select('body') 来创建下拉菜单吗？

【问题讨论】：

你能包括什么没用吗？
是的，下拉菜单没有出现。

标签： javascript css d3.js drop-down-menu force-layout

【解决方案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>tag 中。不过我不能推荐这个。

【讨论】：

谢谢，src='script.js' 是干什么用的？
不确定我是否正确，但我认为您的提示不起作用。
在块中，用户脚本被称为 script.js。将脚本作为 script.js 存储在文件中，您将获得结果。或者在我写的时候把它放到一个脚本标签中。看来您在这里有一些非常基本的问题。您可能应该学习 javascript 或 d3 javascript 的介绍性教程。看看这个 d3 ——它目前是免费的：chimera.labs.oreilly.com/books/1230000000345