当前位置: 首页 > 知识库问答 >
问题:

javascript - 请问大佬,这种分支图VUE该如何实现?

黄凌龙
2024-08-13

请问各路大佬,这种图怎么做

尝试了各种方案,效果都差强人意,有没有组件可以借鉴的,分支图。

共有4个答案

冯霖
2024-08-13

鱼骨图。可以自己搜一下资料,或者参考一下这个https://segmentfault.com/q/1010000043804781

梅耘豪
2024-08-13

vue3-tree-org
可以看一下这个

糜帅
2024-08-13

使用纯css也可以实现,本质来说这就是树形图
两个组件递归,线可以使用空div或::before和::after伪类实现
但是你这个可能复杂一点

使用库可能会简单一点https://x6.antv.antgroup.com/

邵飞白
2024-08-13

可以尝试写个类
里面包含基础信息外,还有父、子,以及根据已有数据绘制子元素(定位、连接线)的方法。
然后递归实例化就行了

 类似资料: