![](https://img-blog.csdnimg.cn/20200617140528655.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
❤️❤️--antV G6
antV G6
suoh's Blog
My life is a straight line,turning just for you.
展开
-
vue中使用antvG6实现自定义树形结构
vue中使用antvG6实现自定义树形结构原创 2022-11-01 10:26:28 · 1763 阅读 · 0 评论 -
vue中使用AntV G6编写树形结构图并实现节点增删改
效果图:先在vue项目中安装antv G6 npm install --save @antv/g6安装完之后引入,我是将整个结构图的某些相关配置进行了封装,写在了公共js文件里面,若是你们不想封装可以直接在你们相关的vue文件里面引入import G6 from '@antv/g6';然后封装名称为renderMap的函数,名字可以自定义export function renderMap(data,graph){ const COLLAPSE_ICON = func...原创 2021-01-29 15:21:58 · 9291 阅读 · 22 评论 -
vue中使用antvG6画分组结构图及树形关系图
效果图:<div id="container" ></div>我是对G6中提供的该图的相关函数进行了封装--下面的代码是写在公共js文件里面:export function renderMap(data,graph){ const collapseIcon = (x, y, r) => { return [ ['M', x - r, y], ['a', r, r, 0, 1, 0, r..原创 2020-06-24 11:51:11 · 7513 阅读 · 0 评论 -
使用antV-G6在angualr中画树形关系图
使用antV-G6在angualr中画树形关系图(流量追踪图)公司有个需求就是既要呈现出每个节点之间的关系(图里面需要带箭头,为了表现出流向关系),又要排版呈现出树状结构,也就是说是具备层次关系的,这种图呢就相当于既不完全是树图,形状呢又不是关系图,我算是苦思冥想了。而且又是在angualr中,angualr中支持的第三方插件特别少,本来想采用echarts的树状图,但是发现,树图的每个节点...原创 2020-04-30 15:31:41 · 6235 阅读 · 10 评论