在可滚动区域内显示图表

时间:2014-11-15 21:14:03

标签: jointjs

想象一下,我希望我的屏幕区域(例如,一个500px乘500px的盒子)包含我的图表。如果我的图表的宽度或高度大于此值,我希望滚动条显示为允许我滚动图表。我试图通过将我的图表放在一个大小为<div>的元素中来实现这一点,但似乎图表忽略了它,它只是“溢出”。有没有人试图实现这一目标,并且可以分享食谱?

通过使用Chrome开发者工具,我发现我确实有一个500像素乘500像素的<div>,其似乎包含宽度为<svg>的{​​{1}}和即使1082包含<svg>,也会显示<svg>的整个宽度。

1 个答案:

答案 0 :(得分:2)

创建<div>以保存图表并给出宽度和高度时,请将其overflow css属性设置为scroll。例如:

<div style="width: 500px; height: 500px; overflow: scroll;" />

另请参阅此Stack Exchange答案,该答案是关于向jointjs添加滚动条的<svg>解决方案的核心。

How to get ScrollBars in SVG?