我想将下面链接中的树更改为 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 ×1