前言
DAG是有向无环图(Directed Acyclic Graph)的简称。在大数据处理中,DAG计算常常指的是将计算任务在内部分解成为若干个子任务,将这些子任务之间的逻辑关系或顺序构建成DAG(有向无环图)结构。

X6在DAG图中的实践
X6 是一款开源的图编辑引擎,vue3.x+vite2.x是目前较火的前端开发组合,现在用他们来实现一个DAG图;
X6分为画布(Graph)、基类(cell)、节点(node)、边(edge)、连接桩(port)等元素,以及图的相关操作(如交互监听、元素操作、渲染等),因此只需要掌握画布、节点、边的增删改查,使用x6就轻松加愉快了。
基于x6封装一个类GraphCroe

使用vue组件注册x6自定义节点

注册x6自定义边
使用X6在Vue3.x+vite2.x实现DAG图与拓扑排序

文章介绍了如何利用开源图编辑引擎X6在Vue3.x和vite2.x环境下构建DAG图,包括注册自定义节点和边,以及处理图的有向无环特性。此外,还提出了实现DAG图多顶点拓扑结构执行任务的事件订阅方法,作为拓扑排序算法的一种替代思路,并分享了在vue3.x+vite2.x中使用X6可能遇到的问题和解决方案。
最低0.47元/天 解锁文章
705

被折叠的 条评论
为什么被折叠?



