前端项目开发,AntvG6实现darge布局,如何实现 主干道在同一水平线?且垂直234三个点在同一垂直线上?-灵析社区

一本正经写代码

需求: 1、根据后台下发数据生成多条节点连线图。 2、实现某两个节点间连线,且连线为虚线。 3、鼠标移入,点与点之间的连线,连线上下显示数字(如下图)。 4、后台下发数据只有 id 和 节点连线信息,无坐标点提供。 效果如下图所示: ![效果图,图上效果需后台下发数据生成。](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/468ef0ac568964f29acd3f9d83ddd294.png) 目前尝试用AntvG6/ X6 实现,实现了节点连线、鼠标移入功能,但是 垂直 和水平方向 线条在同一水平线无法实现:目前实现效果如下: ![](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/942884db440096ada836121c51088539.png) 有知道如何实现的,麻烦回答一下,谢谢!

阅读量:281

点赞量:0

问AI
抠香糖
这种图的话可以考虑 "antv/x6",拖拽,连线,动态增删节点这些都是很基础的功能了 "https://x6.antv.antgroup.com/examples" (https://link.segmentfault.com/?enc=dfPTko47IWb%2BT%2FwhW8u%2FCw%3D%3D.P5J%2Flu4jhO8dCFBugxUVASdHraSQnP5QC52UHyJ1HIpc5aoYMq0pU97d7eFFcDCn)