深入浅出的实践大数据DAG图

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

    前言   

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自定义边 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值