d3布局未定义

qua*_*ato 10 html javascript d3.js

尝试使用d3.js而不确定如何正确引用它:

<!DOCTYPE html>
<head>
<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery-1.7.1.js"></script>
<<<<other scripts>>>
<script src="topbar.js"></script>
<script>
$(function() {
    var n = 4, // number of layers
        m = 64, // number of samples per layer
     data = d3.layout.stack()(stream_layers(n, m, .1)),
    color = d3.interpolateRgb("#aad", "#556");
});
</script>
</head>
...
</html>
Run Code Online (Sandbox Code Playgroud)

mbo*_*ock 23

除了d3.js之外,还需要包含d3.layout.js; 默认情况下,布局模块位于单独的文件中.您还可以自定义构建d3.js,其中包含您在单个文件中所需的所有内容.


小智 16

你应该使用d3.stack代替.

D3 4.0中的每个符号现在共享一个平面命名空间,而不是D3 3.x的嵌套命名空间.例如,d3.scale.linear现在是d3.scaleLinear,而d3.layout.treemap现在是d3.treemap.

对于其他d3.layout更改,请访问:https://github.com/d3/d3/blob/master/CHANGES.md

  • 抱歉。对于版本4,此答案是正确的 (2认同)

gfj*_*fjr 7

(这不是这个问题的答案)

对于具有相同错误的人:

d3.layout未定义

在我的情况下,问题是我直接链接到最新版本(v4)
https://d3js.org/d3.v4.min.js

随着(第3节)它再次运作.
https://d3js.org/d3.v3.min.js