今天使用antv/g6画树状图，G6.registerEdge的参数是'step-line'，效果是这样的
线条没有居中而且重叠了
请问怎样写G6.registerEdge的参数，能达到这样从上到下，线条不重叠，一家人整整齐齐的效果呢
antv/g6从上到下组织结构树状图
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2025-06-16 16:30lhhbk的博客 注意:引入的g6库的版本必须和typescript版本相匹配，否则在项目中会报错，在这个案例中由于项目版本中ts的版本为4.0.2所以我安装的g6版本为3.8.5。下面这个案例是创建一个垂直的树形图，且当叶子节点文本超过10时，...
- 2024-07-22 14:41ScriptEcho的博客 markup: [// ...],attrs: {// ...},},true,该代码注册了一个名为 “org-node” 的自定义节点形状，并指定了节点的宽高、标记和属性。...掌握了组织结构图的布局和连接方式。添加节点拖拽功能，方便用户调整组织结构。
- 2023-02-08 17:42爱学习的小林林的博客 在vue中使用AntV/G6完成“V”型树状图且上下级明确，学习心得记录
- 2021-08-31 08:47Thomas Kant的博客 // 鼠标按下事件 graph.on('mouseup', (ev)=>{}); // 鼠标抬起事件 graph.on('mousemove', (ev)=>{}); // 鼠标移动事件 graph.on('dragstart', (ev)=>{}); // 鼠标开始拖拽事件 graph.on('drag', (ev)=>{}); // ...
- 2023-10-30 18:47heiyay的博客 G6 是一款由蚂蚁金服 AntV 团队开发的 JavaScript 图形引擎，用于构建各种交互式可视化图形，包括但不限于图表、网络拓扑图、关系图、流程图等。无论是数据分析、决策支持，还是信息可视化，G6 都是一个强大的工具。...
- 2022-07-19 13:55小麦兜有大梦想的博客 antv/g6左右分布树图
- 2024-07-01 10:04无语听梧桐的博客 在经过调研很多插件之后决定使用 Antv G6 实现，文档也比较清晰，看看怎么实现吧，先来看看效果图。title: vue3中使用Antv G6渲染树形结构并支持节点增删改。先在项目中安装 antv g6。节点的增加、删除、编辑时间。...
- 2022-07-07 18:06Mannix...的博客 antV G6实现流程图/树图
- 2023-07-14 14:49靠着蓝色背景幻想的博客 前言：自定义流程图节点样式、节点可拖动，节点文字过长省略，文字过长的节点悬浮展示tooltip插件悬浮框，修改tooltip悬浮框样式。 Dagre 流程图调用组件传值给mapData，这里只是自己演示设置了假数据a 四、这里提供...
- 2023-02-22 15:47靠着蓝色背景幻想的博客 只是为了记录下自己写的G6...以下这段代码结合下面，标题“还有各种鼠标事件（G6拓扑图缩放事件等）”里的,根据数据创建树状图节createNode () 方法里的页面缩放操作，可以官方文档搜viewportchange属性了解页面事件
- 2025-03-28 22:27lydxwj的博客 最近在开发vue3项目时用到了AntV的G6开发树状图，在开发过程中遇到了一些问题，在这里分享一下。
- 2024-03-28 16:45Mae_cpski的博客 前端插件、库 总结
- 2025-07-15 09:12银之夏雪丶的博客 AntV G6是一款专业图可视化引擎，提供完整的布局算法和交互系统，支持快速构建关系图谱和拓扑图。本文详细解析了G6的核心概念：节点（Nodes）和边（Edges），强调节点需具备唯一ID，边必须正确引用节点ID。通过家庭...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 11月23日-
创建了问题
8月31日