上传到bl.ocks.org时d3.js动态高度变化

Question

This是我从example1和example2（bl.ocks.org/larskotthoff/7022289）派生的示例。

我的index.html与example2完全相同，但我希望将example1的视图框（窗口？）的动态扩展合并，同时保持所有节点默认折叠。

Answer 1

您可以根据要显示的节点数增加每次更新时svg的高度。

  //the height as per the number of nodes in the display.
  var height = Math.max(500, nodes.length * barHeight );

  d3.select("svg").transition()
  .duration(duration)
  .attr("height", height);

工作代码here

希望这有帮助！