我是d3的新手。我创建了一个可折叠的树来创建一个组织结构图,该组织图使用数据库中的数据并且大多数都很好。
问题是svg是固定大小。
我不知道组织结构图中有多少节点/级别,因为它将用于不同规模的数据/公司。
目前我将svg固定为一个大尺寸,作为概念证明。
我需要将svg的大小调整到里面图表的宽度和高度。将尺寸设置为树的最大已知尺寸或在展开/折叠树时调整svg的大小。
这就是我只使用少量演示数据的原因:
这是最初设定的地方,但我想让它变得动态:
var svg = d3.select("body").append("svg")
.attr("width", width + margin.right + margin.left)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
http://jsfiddle.net/urquhartps/c9WC9/1/
非常感谢