X6 icon indicating copy to clipboard operation
X6 copied to clipboard

graph对象上的resizePage函数未生效

Open liu-leizhi opened this issue 2 years ago • 18 comments

问题描述

使用graph.resizePage(width, height) 函数改变画布内页面大小,但是画布内页面大小并未发生变化

重现链接

https://codesandbox.io/s/gracious-kirch-lxuinn

重现步骤

单击change按钮,画布内部页面宽高并未发生改变。

预期行为

希望graph.resizePage函数修复一下

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]
  • X6 版本: [1.28.2 ... ]

屏幕截图或视频(可选)

1658455297507 No response

补充说明(可选)

No response

liu-leizhi avatar Jul 22 '22 01:07 liu-leizhi

还有就是建议提供graph.scroller.enablePage()和graph.scroller.disablePage()函数,用来启用和关闭分页。

liu-leizhi avatar Jul 22 '22 02:07 liu-leizhi

你好~ 设置设置画布大小的方法是resizeGraph

babachao avatar Jul 22 '22 03:07 babachao

你好~ 设置设置画布大小的方法是resizeGraph

不是画布大小,是画布内的分页大小

liu-leizhi avatar Jul 22 '22 03:07 liu-leizhi

你好~ 设置设置画布大小的方法是resizeGraph

不是画布大小,是画布内的分页大小

嗦嘎,我看了例子,resizePage(300, 300)配置的width和height,超过了在scroller中配置的pageWidth(200)和pageHeight(200)

babachao avatar Jul 22 '22 03:07 babachao

你好~ 设置设置画布大小的方法是resizeGraph

不是画布大小,是画布内的分页大小

嗦嘎,我看了例子,resizePage(300, 300)配置的width和height,超过了在scroller中配置的pageWidth(200)和pageHeight(200)

这个不是应该是用来重新设置scroller中的pageWidth和pageHeight的吗

liu-leizhi avatar Jul 22 '22 03:07 liu-leizhi

WechatIMG621 看了这段逻辑的代码,pageWidth的值需要小于画布的一半,代码中的“l”需要>2,才会进入绘画分页逻辑

babachao avatar Jul 22 '22 03:07 babachao

WechatIMG621

看了这段逻辑的代码,pageWidth的值需要小于画布的一半,代码中的“l”需要>2,才会进入绘画分页逻辑

这块为什么要做这个限制呢

liu-leizhi avatar Jul 22 '22 03:07 liu-leizhi

@MrLiuleizhi scroller 上的分页其实就是多块画布,可以使用 resizeGraph 来调整大小。

NewByVector avatar Jul 22 '22 07:07 NewByVector

@MrLiuleizhi scroller 上的分页其实就是多块画布,可以使用 resizeGraph 来调整大小。

好的,使用resizePage+resizeGraph就可以了。单用一个还是不行,有节点拖拽后画布内页面大小会恢复原样,但是两个都改就可以了,非常感谢!

liu-leizhi avatar Jul 22 '22 09:07 liu-leizhi

@NewByVector 有没有什么办法能够动态控制分页显示隐藏

liu-leizhi avatar Jul 25 '22 02:07 liu-leizhi

就像grid一样,graph对象上面有showGrid和hideGrid,有没有showPage和hidePage这种

liu-leizhi avatar Jul 25 '22 02:07 liu-leizhi

就像grid一样,graph对象上面有showGrid和hideGrid,有没有showPage和hidePage这种

这个例子有你需要这个功能

babachao avatar Jul 25 '22 02:07 babachao

https://codesandbox.io/s/j1c801

babachao avatar Jul 25 '22 02:07 babachao

@babachao 这个例子我看了,但是这个会销毁画布

liu-leizhi avatar Jul 25 '22 02:07 liu-leizhi

节点多了的情况下,怕性能上会有问题

liu-leizhi avatar Jul 25 '22 02:07 liu-leizhi

是的,官方这个例子是每次重新渲染了

babachao avatar Jul 25 '22 02:07 babachao

如果不涉及什么功能的话,那就来个物理隐藏吧,dom.style.display = 'none'; .x6-graph-pagebreak👻👻👻

babachao avatar Jul 25 '22 03:07 babachao

如果不涉及什么功能的话,那就来个物理隐藏吧,dom.style.display = 'none'; .x6-graph-pagebreak👻👻👻

我想要动态的去开关分页,不只是显示隐藏那个分页符。

liu-leizhi avatar Aug 01 '22 03:08 liu-leizhi

@liu-leizhi 可以新提一个 issue,动态控制分页的开启和关闭。

NewByVector avatar Jan 30 '23 09:01 NewByVector

This thread has been automatically locked because it has not had recent activity.

Please open a new issue for related bugs and link to relevant comments in this thread.

x6-bot[bot] avatar Jan 31 '24 01:01 x6-bot[bot]