想象一下,我希望我的屏幕区域(例如,一个500px乘500px的盒子)包含我的图表。如果我的图表的宽度或高度大于此值,我希望滚动条显示为允许我滚动图表。我试图通过将我的图表放在一个大小为<div>
的元素中来实现这一点,但似乎图表忽略了它,它只是“溢出”。有没有人试图实现这一目标,并且可以分享食谱?
通过使用Chrome开发者工具,我发现我确实有一个500像素乘500像素的<div>
,其似乎包含宽度为<svg>
的{{1}}和即使1082
包含<svg>
,也会显示<svg>
的整个宽度。
答案 0 :(得分:2)
创建<div>
以保存图表并给出宽度和高度时,请将其overflow
css属性设置为scroll
。例如:
<div style="width: 500px; height: 500px; overflow: scroll;" />
另请参阅此Stack Exchange答案,该答案是关于向jointjs
添加滚动条的<svg>
解决方案的核心。