G6如果我不用默认图形的话，真的很难受，我只需要“亿点点”的addShape，数据绑定什么的？不存在的。 于是就有了这个库 @antv/g6-react-node，让你开发自定义节点像是开发react

笔者最近在做一些可视化方面的任务，具体的需求就是要在页面上绘制出树状的关系图。在参考并且对比了社区的主流方案后，最后选择了Antv G6。在使用的过程也遇到了一些问题，就想写篇博客记录一下

业务需求 如上图所示，前端需要根据后端返回的数据动态形成树状结构图，以完成流程图展示。经过几天的了解和学习，最终决定使用G6-AntV。下面就如何使用及使用中遇到的问题进行总结。 代码实现 最终效果：

G6的配置项是真多,对没接触过的小白来说,简直了.... 啥也不说了,上效果图 vue写的组件,后面还会更新~

AntV G6 是一个简单、易用、完备的图可视化引擎，它在高定制能力的基础上，提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。 G6 是一个纯 JS 库，不与任何框架耦合，也就是说可以在任何前端框架中使用，如 Rea…

本文从使用角度入手，循序渐进的讲述 DrawIO 是什么，为什么要基于 DrawIO 进行二次开发以及 DrawIO 二次开发的核心技术细节并抽象出了一套通用二开架构，因此文章内容较长，不同阶段的读者