【发布时间】:2014-04-06 06:23:22
【问题描述】:
我最近开始学习 d3.js。我面临的问题是我的图表超出了分配的 SVG 并且它被切断了。我尝试使用 overflow:auto/overflow:scroll 属性设置我的 graph-div 样式,但它似乎不起作用
是否有任何不同的方法可以动态调整 SVG 的大小,以便我向下滚动页面也可以查看完整内容?有人可以提供任何提示吗?
问候
【问题讨论】:
标签: javascript html css graph d3.js
我最近开始学习 d3.js。我面临的问题是我的图表超出了分配的 SVG 并且它被切断了。我尝试使用 overflow:auto/overflow:scroll 属性设置我的 graph-div 样式,但它似乎不起作用
是否有任何不同的方法可以动态调整 SVG 的大小,以便我向下滚动页面也可以查看完整内容?有人可以提供任何提示吗?
问候
【问题讨论】:
标签: javascript html css graph d3.js
您可以通过设置其高度和宽度来调整 SVG 的大小:
svg.attr("height", newHeight).attr("width", newWidth);
您必须自己计算 SVG 的尺寸。也就是说,D3 不提供任何使容器大小适合其内容的功能。
【讨论】: