javascript - 添加滚动条以查看 SVG d3.js 的全部内容

标签 javascript html css graph d3.js

我最近开始学习 d3.js。我面临的问题是我的图表不在分配的 SVG 中并且被切断了。我尝试使用 overflow:auto/overflow:scroll 属性设置我的 graph-div 样式,但它似乎不起作用

是否有任何不同的方法来动态调整 SVG 的大小,以便我可以向下滚动页面以查看完整内容?有人可以提供任何提示吗?

问候

最佳答案

您可以通过设置其高度和宽度来调整 SVG 的大小:

svg.attr("height", newHeight).attr("width", newWidth);

不过,您必须自己计算 SVG 的尺寸。也就是说,D3 不提供任何功能来使容器的大小适合其内容。

关于javascript - 添加滚动条以查看 SVG d3.js 的全部内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22890705/

相关文章:

html - 如何使用 <i> 元素悬停容器 div

html - 1fr 网格单元扩展超过 100%

javascript - 对以编程方式创建的内容强制进行拼写检查

javascript - HTML5 拖放 : display droppable elements in separate div (Java Script and Knockout JS)

javascript - 如何通过对话框向 Controller 发送数据?

html - 如何在 bootstrap 4 中使子内容相对于父容器垂直居中

css - JavaFX - 单击按钮时更改 slider 拇指上的颜色

javascript - Adsense 内容仅显示空白方 block

javascript - 为什么 Canvas Angular 落的球速度较低?

javascript - 我正在尝试向我的不和谐机器人添加播放命令,但是