d3可折叠树的可扩展SVG容器

时间:2014-05-21 10:41:20

标签: javascript svg d3.js expandable

我是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/

非常感谢

0 个答案:

没有答案