想象一下，我希望屏幕上有一个区域(例如，一个 500 像素 x 500 像素的盒子)包含我的图表。如果我的图表的宽度或高度大于此，我希望出现滚动条以允许我滚动图表。我试图通过将我的图表放在一个大小为 <div> 的范围内来实现这一点。元素，但图表似乎忽略了这一点，它只是“溢出”。有没有人尝试过实现这一目标并且可以分享一个食谱？
通过使用 Chrome 开发者工具，我发现我确实有一个 <div>即 500px x 500px，似乎包含 <svg>其宽度为 1082和 <svg> 的整个宽度即使 <svg> 也会显示包含在 <div> 中.
最佳答案
当 <div>创建用于保存图表并给定宽度和高度，设置其 overflow css 属性为 scroll 。例如:
<div style="width: 500px; height: 500px; overflow: scroll;" />
另请参阅此 Stack Exchange 答案，它是此 jointjs 的核心。关于将滚动条添加到 <svg> 的解决方案.
关于jointjs - 在可滚动区域内显示图表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26950796/