Question

基于此示例：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')来创建下拉菜单吗？

Answer 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>标记中。我不能推荐这个。

在force-layout中添加下拉菜单（d3.js）

1 个答案: