WanLian

这是个好问题，目前默认的力学布局就是将node作为一个质点进行计算。 作为默认的基础算法，这里没有考虑节点的大小，因为考虑节点的大小还要考虑节点的形状，而节点是可以通过自定义插槽显示为任何形状。同时还要考虑性能问题，所以算法中的确做了简化，目的是以最高效最稳定的方式运行于大部分使用场景。 如果你的开发时间预算足够，可以通过自定义力学布局，来实现你的具体业务需求： https://www.relation-graph.com/#/demo/vue3?id=customer-layout-force https://www.relation-graph.com/#/demo/vue2?id=circular-layout-force https://www.relation-graph.com/#/demo/vue2?id=galaxy 如果你们想要节省时间，也可以考虑加入企业会员支持一些我们，我来帮你们实现： https://www.relation-graph.com/#/demo/vue2?id=use-more-layout

目前不支持服务器端渲染，保留这个帖子，看看有同样需求的人多不

会升级的，就在4月。重大更新v3.x 发自我的iPhone ------------------ 原始邮件 ------------------ 发件人: SeptSkyTime ***@***.***> 发送时间: 2025年3月23日 23:57 收件人: seeksdream/relation-graph ***@***.***> 抄送: Subscribed ***@***.***> 主题: Re: [seeksdream/relation-graph] 这个项目还有计划进一步升级吗？ (Issue #419) 代码有半年多没有更新了，是不是不再继续升级了，好可惜啊！ — Reply to this email directly,...

https://www.relation-graph.com/#/demo/graph-instance-api 你可以参考这个示例，示例中通过图谱实例方法expandNode展开了指定的节点： ``` const targetNodeId = 'a'; // 获取relation-graph 实例 const graphInstance = this.$refs.graphRef.getInstance(); // 调用实例方法获取节点对象 const targetNode = graphInstance.getNodeById(targetNodeId); // 根据节点对象属性判断节点是否已经展开 if (targetNode.expanded === true) { // 调用实例方法收缩节点 await...

你可以看看这个：https://www.relation-graph.com/#/demo/tree-distance 图谱默认会让图形在可见区域内尽量舒展开来。 但当你的屏幕非常大，而节点非常少时，你不想让你的伸展的很开，这时你设置的max会生效. 当你的屏幕非常小，而你又不想让你的图挤在一起时，这时你设置的min会生效. 另外，这个【间距】可能有一些歧义，因为它不是真正的间距，而是第N层节点的{中心}与第N+1层节点{中心}的距离（默认为{中心},可以通过node的alignItems属性设置为left/right/top/bottom，当设置为left时，指的就是第N层节点的{最左侧}与第N+1层节点{最左侧}的距离）。 所以可能有事看起来有些怪，但是只要理解了并做出正确设置，基本上也能解决大部分问题。

没啥好办法，目前我手里也没有鸿蒙设备。 我会持续关注这个问题，以后有更多的人反馈这个问题或者有企业用户有需求时，会解决这个问题。

As you said. After I updated to the latest version of Chrome, the lines are indeed distorted when the zoom ratio is too small. I will try to solve it...

你的数据被渲染的时候应该是这个效果（绿色为可见，红色为不可见）： 你的问题应该是说节点3没有被显示，那是因为节点2设置了expaned=false（这代表节点2的子节点们被收起了，子节点将不可见），但又给节点2设置了"expandHolderPosition": false（这将让节点2 的【展开/收起】按钮不能正常显示，你也看不出来节点2是被收起的状态），所以最终的效果就是你图中的效果，节点3不可见，也看不出原因（原因是父节点节点2被收起了）

> 确实是这样，我原意这样设置是想表示：如果该结点有子结点，就要expandHolderPosition:'right'，没有则expandHolderPosition：false/hide，并且，该结点有子结点 expaned 设置为 true，没有子结点设置为 false。但是发现 一种特殊的情况：A的子结点有B，C的子结点也有B，也就是 A->B,C->B ，这种情况下，图谱应该是认为，B是共同父结点了，所以会展示成上述的样子，请问还有两全的方法么 图谱中的数据会被处理成每个节点必然只有一个父节点。 那么会从root开始，根据【lines中的关系顺序】来构建上下级关系，从根节点开始向外扩散，与根节点关系层级距离越小的越优先成为其他节点的父节点，与A层级距离相等时，关系越早出现在lines中的节点优先成为其他节点的父节点。以上构建过程中使用的关系与关系本身的方向无关。 假设： ``` nodes = [A,B,C,D,E,F],root=A lines = [ E -> A, A -> B, F -> C, F ->...

通过节点插槽，你可以让你的节点内容展示为任何内容： https://www.relation-graph.com/#/demo/vue2?id=node-style