WanLian
WanLian
这个暂时没有什么简单解决的办法,只能通过自定义连线插槽来自定义文字位置。或者粗暴一些不显示文字。 以后会针对单个线条自定义文字的位置(靠近起点、中间、靠近终点)或者提供百分比设置(10%,50%,90%这种)。
现在,在最新版2.1.42或者2.2.0中,可以通过为线条设置以下属性,来指定文字在线条上的位置: placeText: '20%' 效果: 示例地址: https://www.relation-graph.com/#/demo/vue2?id=lineAdv2
目前还没有计划,保留这个帖子,观察有同样需求的人多不多
目前还没有计划,保留这个帖子,观察有同样需求的人多不多
> 好像是里面的那个handleSelect方法的scrollTo,这个scrollTo有什么作用吗 跳到顶部是为了确保图谱能处于浏览器的可见范围,让focus的节点能展示在眼前。 不过这个的确很突兀,后续版本会去掉。如果需要这个效果,交给用户自己处理。 那么目前,你可以通过node.x和node.y获取节点的位置,让后通过graphInstance.setCanvasCenter(x,y)来让一个节点显示在中心,效果是一样的。但是没有动画效果,同时你需要自己处理缩放比例产生的影响(简单处理办法就是graphInstance.setZoom(100)让缩放比例变成100%,就可以一切正常)
好的,这个问题我记下了 如果你要临时解决你的问题,你可以将【物理机】和【型号】这两个节点变大一些,这样空间更多能展示的线条也更多。 上面这个解决方法好像有点儿傻,但如果一定要解决这个问题好像只能让线条更拥挤,你的图中看起来空间还有可利用的空间,但如果线条再多一些呢?所以让线条更拥挤来解决这个问题好像也不太合适。 我思考一下如何合理的解决这个问题吧,也可能没有什么好办法,到时候我会把这个问题关闭。 另一个思路:你可以判断当两节点之间的线条过多时,可以将他们合并成一个线条,然后让他更粗一些,可点击,点击之后展示他们之间的所有关系信息。