小编Alh*_*bib的帖子

如何将树布局更改为 v5?

我想将下面链接中的树更改为 d3js v5。请注意,当前树处于 v3 中。我对 d3js v5 不熟悉:(我知道这里有很多专家。\n我已将此链接 codepen.io/augbog/pen/LEXZKK 中的脚本版本从 v3 更改为 v5。即,像这样,但它不会读取此命令“d3.layout.tree().nodeSize([70, 40]);”中的属性“tree”

\n\n

这是我正在使用的代码\n https://codepen.io/augbog/pen/LEXZKK

\n\n
       var i = 0,\n    duration = 750,\n    rectW = 60,\n    rectH = 30;\n\nvar tree = d3.layout.tree().nodeSize([70, 40]);\nvar diagonal = d3.svg.diagonal()\n    .projection(function (d) {\n    return [d.x + rectW / 2, d.y + rectH / 2];\n});\n\nvar svg = d3.select("#body").append("svg").attr("width", 1000).attr("height", 1000)\n    .call(zm = d3.behavior.zoom().scaleExtent([1,3]).on("zoom", redraw)).append("g")\n    .attr("transform", "translate(" + 350 + "," + 20 + ")");\n\n//necessary so that zoom knows where to zoom and unzoom …
Run Code Online (Sandbox Code Playgroud)

d3.js

4
推荐指数
1
解决办法
3107
查看次数

标签 统计

d3.js ×1