蜗牛~~

vue中使用antvG6实现自定义树形结构

效果图： 先在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...

效果图： <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..

使用antV-G6在angualr中画树形关系图（流量追踪图） 公司有个需求就是既要呈现出每个节点之间的关系（图里面需要带箭头，为了表现出流向关系），又要排版呈现出树状结构，也就是说是具备层次关系的，这种图呢就相当于既不完全是树图，形状呢又不是关系图，我算是苦思冥想了。而且又是在angualr中，angualr中支持的第三方插件特别少，本来想采用echarts的树状图，但是发现，树图的每个节点...