为什么mxGraph父容器div中没有滚动条



My mxGraph js应用程序(带Angular(从Web服务加载动态内容,如对象和关系,并在mxHierarchicalLayout中将它们显示为顶点和边。Panning设置为false。

问题:即使创建的图形很大,并且父容器(div元素(配置了overflow:scroll,也不会在父容器中显示滚动条。

期望:如果图形变得比父容器大,则父容器应该显示滚动条。

另请参见所附图像。

观察结果:mxGraph创建的SVG具有不正确的最小宽度/最小高度信息,或者更确切地说:即使在应用mxHierarchicalLayout时,也不会计算最小宽度/最大高度信息。因此,生成的SVG比实际图形小。因此,父容器div不显示滚动条,并且图形的一部分将不可见。

我知道在其他mxGraph应用程序中,这总是很顺利,例如滚动条总是在需要的时候出现。所以我的问题是:这种行为的原因是什么?需要什么来确保正确计算得到的SVG大小?

谢谢并致以亲切的问候,Daniel

mxGraph,滚动条缺少

通常,滚动条在没有任何mxGraph额外配置的情况下显示,但它对图形容器(即图形div(样式也是合理的。overflow:通常不需要滚动,使用position:absolute总是显示滚动条。

以下是文档(https://jgraph.github.io/mxgraph/docs/js-api/files/view/mxGraph-js.html)关于滚动条

溢出CSS属性定义是否使用滚动条来显示图形。对于"auto"或"scroll"的值,将显示滚动条。请注意,resizeContainer标志通常不会与滚动条一起使用,因为它会在每次更改后调整容器的大小以匹配图形的大小。

请参阅https://jgraph.github.io/mxgraph/javascript/examples/scrollbars.html例如(当单元格移出屏幕时显示滚动条(或其他示例https://jgraph.github.io/mxgraph/javascript/index.html

最新更新