antVG6

Antv G6 拖拽生成节点

本文简介点赞+关注+收藏=学会了AntVG6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。本文主要讲解使用AntVG6实现拖拽生成节点的功能，如下图所示。
德育处主任·2024-09-12 08:33

「原创」一张图告诉你圣诞节人们都说了啥

2019年圣诞悄咪咪就过去了，AntVG6（开源的图可视化引擎）做了一张交互图告诉你在Twitter上的网友们在圣诞夜与圣诞节这天都爱发些什么推。
kopiluwaky·2024-01-27 11:09

HTML绘制拓扑简图,用最简单的方式画拓扑图！！！

前言前段时间重构了下面这样一个页面(产品页面不方便截图)：类似于拓扑图的配置，原来是使用go.js实现的，类似的库还有antvg6。
隅隅隅·2024-01-11 01:21

关于antV G6中的on事件、util.each事件及update方法等的使用总结

前言antVG6相对而言是一个目前还处于较于不成熟的关系数据可视化引擎。因此在实习实现关系图的过程中遇到很大的坑。
春上·2023-11-26 02:37

流程图 自定义函数_家人们 基于AntV G6画流程图了解一下

前言：双节假期已进尾声，今天和大家分享一下，近期，重点实操的蚂蚁开源的图可视化引擎——AntVG6(https://g6.antv.vision/zh)。G6能干嘛呢？画关系图！
weixin_39795284·2023-11-26 02:03

vue antvG6 多功能tree图 树图树结构

vueantvG6多功能tree图树图树结构效果展示代码环境tree图页代码效果展示antvg6树结构效果图antvg6tree图搜索节点antvg6tree图显示时间，状态，导出antvg6tree图新增和删除
、刷刷·2023-11-23 03:53

Vue3.x中使用AntV G6绘制力导图实现自适应

Vue3.x中使用AntVG6绘制力导图实现自适应一、需求需求1：Vue3.x项目下使用AntVG6绘制力导图谱需求2：图谱节点为两个IP地址，节点间存在多条连线情况需求3：鼠标悬浮到节点上方时，高亮当前节点并出现
BreenCL·2023-11-16 10:20

AntV G6 的坑之——从卡掉渣到满帧需要几步

AntVG6是一款图可视化与分析开源引擎。《AntVG6的坑之——XXX》系列文章持续更新中，总结常见问题及神坑解决方案。
Kopilukwayy·2023-11-05 15:24

AntV G6自定义树状图TreeGraph

AntVG6自定义树状图TreeGraph只是为了记录下自己写的G6组件成果G6去除生成图的动画效果animateconstgraph=newG6.TreeGraph({animate:false,//
靠着蓝色背景幻想·2023-11-05 15:51

antv g6 禁止移动_antV G6流程图在Vue中的使用

最近我司项目中需要加入流程图制作功能，于是乎百度各种找可视化绘制拓扑图的轮子，大部分都是国外的，看文档太吃力，不过好在最终让我发现了AntVG6流程图图表库，最新版为2.0，不过编辑器在2.0版本还没有进行开源
weixin_39765280·2023-11-05 15:47

antv/g6之交互模式mode

什么是mode在AntVG6中，“mode”是用于配置图表交互模式的一种属性。通过设置“mode”，可以控制图表的行为，以满足不同的交互需求。可能在不同的场景需要展现的交互行为不一样。
heiyay·2023-11-05 15:15

antv/g6 节点、及自定义节点

节点AntVG6中内置节点支持的通用属性通常包括以下几个：id：节点的唯一标识符。x和y：节点的位置坐标。label：节点的标签文本。
heiyay·2023-11-02 12:06

antv/g6 元素之边、自定义边

边在AntVG6中，边（Edge）是图表中的元素，用于连接节点（Node）表示节点之间的关系。边可以具有多种属性，以定义它们的样式、标签和其他特性。
heiyay·2023-10-31 20:52

AntV G6 初入门（react中的使用）

一.G6文档链接AntVG6经官网介绍，G6内部绝大多数都是基于React技术栈的，所以官方也仅提供一个G6在React中使用的Demo。
噢，我明白了·2023-10-24 18:47

react + antv G6

公司最近想做一个图数据库，多方对比下来，决定用antvG6来进行技术支持。
圆又圆_4236·2023-08-30 20:09

antvG6绘制树形图踩坑记录（自定义节点等功能）

antvG6的基础使用方法以及制作树形图中的踩坑一、树形图的生成项目背景：用父子结构的树形图来展示交换机之间的关系并且处理相关业务逻辑1.使用antvg6的树形图，首先到官网示例里找到一个和我们想要做的差不多的例子
Mr__proto__·2023-08-25 13:10

G6 总结

我学习G6看的几篇文章：1、G6入门2、关于antVG6中的on事件、util.each事件及update方法等的使用总结3、tooltip节点提示框1、拖拽、缩放——内置的交互行为在G6中使用内置Behavior
前端vue·2023-08-05 11:31

【Antv G6】导出图片

需求将AntvG6生成的树形图导出成图片代码varthat=thisthis.treeGraph.toFullDataURL(res=>{//为了防止下载的图片影响到G6显示，这里作一个深度拷贝varcanvas
门前大桥下www·2023-08-05 09:14

antvG6,拖拽节点不生效解决办法

constgraph=newG6.Graph({modes:{default:['drag-node'],},});3.2版本的g6，解决方法是给拖拽的节点调用方法.set(‘capture’,false);constrect=group.addShape("rect",{attrs:{y:moveY,height:30,stroke:"#E4E7ED",fill:"#4091F7",opacit
豆逗逗·2023-08-01 15:29

G6 3.4 又双叒叕来啦

w=1020&h=476&f=jpeg&s=58318)>AntVG6是一款开源的图可视化引擎，专注于图可视化及图分析。
kopiluwaky·2023-07-22 10:01

vue antvG6产品流程图

vueantvG6产品流程图antvG6流程图效果展示准备工作demo地址：[vue-antvg6地址](https://gitee.com/shuaizi010/vue-antvg6.git)1安装vue-admin-template2
、刷刷·2023-07-16 04:44

GoJs基本使用示例详解

因此在研究了D3，antVG6，cytoscape和go.js之后，决定使用gojs实现。因为gojs的交互功能封装比较完善，能够很快的搭建出想要的关系图之外，还有很多封装好的交互功能。
·2023-04-14 22:19

前端JS也可以连点成线详解(Vue中运用AntVG6)

目录前言快速上手写在最后前言什么是G6？G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的Insight。其实说白了就是我们前端中的绘图工具；基于G6，用户可以快速搭建自己的图分析或图编辑应用。这里博主也是接到了需求，项目中需要根据坐标画出标志物；这里博主采用的就是我们的AntG6技术，下面让我们先来通过一下小的de
·2023-01-13 02:18

AntV G6 的坑之——从卡掉渣到满帧需要几步

AntVG6是一款图可视化与分析开源引擎。《AntVG6的坑之——XXX》系列文章持续更新中，总结常见问题及神坑解决方案。
·2022-12-30 10:27

AntV G6 的坑之——渲染残留/残影

AntVG6是一款图可视化与分析开源引擎。《AntVG6的坑之——XXX》系列文章持续更新中，总结常见问题及神坑解决方案。
·2022-12-30 10:22

AntV G6 的坑之——从卡掉渣到满帧需要几步

AntVG6是一款图可视化与分析开源引擎。《AntVG6的坑之——XXX》系列文章持续更新中，总结常见问题及神坑解决方案。
·2022-12-30 10:22

vue + antv g6实现拓扑图（用来做数据血缘展示业务）

antvg6使用官方文档具体使用业务需求主要问题完整代码官方文档官方文档链接（看完之后的感觉是我懂了，但没完全懂。）
O3ohn·2022-12-28 16:43

前端JS也可以连点成线（Vue中运用 AntVG6）

前言什么是G6？G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的Insight。其实说白了就是我们前端中的绘图工具；基于G6，用户可以快速搭建自己的图分析或图编辑应用。这里博主也是接到了需求，项目中需要根据坐标画出标志物；这里博主采用的就是我们的AntG6技术，下面让我们先来通过一下小的demo感受一下G6的功能吧
几何心凉·2022-12-26 09:19

AntV G6 的坑之—— fitView 适配失败

AntVG6是一款图可视化与分析开源引擎。《AntVG6的坑之——XXX》系列文章持续更新中，总结常见问题及神坑解决方案。
·2022-12-20 17:12

Antv G6 拖拽生成节点

本文简介点赞+关注+收藏=学会了AntVG6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。本文主要讲解使用AntVG6实现拖拽生成节点的功能，如下图所示。
·2022-12-19 23:17

Antv G6 拖拽生成节点

本文简介点赞+关注+收藏=学会了AntVG6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。本文主要讲解使用AntVG6实现拖拽生成节点的功能，如下图所示。
·2022-12-19 23:17

知识图谱+可视化

123都没有拿来即用的可视化，需要借助echars.js、D3.js、cytoscape.js、AntvG6、vis.js等。4.TuGraph+Graphin+GraphSc
浮生不够温柔·2022-11-29 13:03

React中使用AntV G6

AntVG6：G6是一个简单、易用、完备的图可视化引擎，它在高定制能力的基础上，提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。
·2022-05-06 16:00

【Antv G6】minimap更新渲染问题

问题现象：在使用antvg6进行力导向图表时，使用了minimap插件。考虑性能提升，设置type为delegate，只要渲染大致图形就行了。
·2022-02-23 17:59

一条曲线的诞生

笔者最近在使用AntVG6的时候，就遇到了这样的问题。形状扁平，箭头方向和连线趋势不一致，连线起点和终点被隐藏等等，好看的曲线总是相似的，而丑陋的曲线却各有各的问题。如何得到一条好看的曲线呢？
·2021-10-29 15:14

VUE和Antv G6实现在线拓扑图编辑操作

1.首先在Antv官网上找到蚂蚁AntvG6插件，引入插件。也可以npm方式引入。
·2021-01-03 13:14

g6结合vue使用

g6在vue中使用小结前言vue中进行引入vue中使用前言由于项目需求，需要动态生成流程图，仅用于展示效果，搜了很多开源插件，最后决定使用阿里的antVG6，但是g6官方文档中还是有一些问题，网上相关的资料也比较少
缘月叙文·2020-09-15 09:55

React中使用Antv G6报错invalid container解决方法

在react项目中使用antvG6的时候出现了invalidcontainer的错误，各种找解决方案以及在GitHub上找G6的项目，花费了一些时间但是没有找到解决方法，不得不吐槽一下antv官网给出的例子
qq_36560180·2020-09-15 08:07

Antv G6构建流程图(修正)

AntvG6构建流程图(修正)1.在项目中进行引入G61.1使用CDN引入1.2在项目中使用npm包引入Step1:使用命令行在项目目录下执行以下命令：npminstall--save@antv/g6Step2
缘月叙文·2020-09-12 23:31

antV G6流程图在Vue中的使用

最近我司项目中需要加入流程图制作功能，于是乎百度各种找可视化绘制拓扑图的轮子，大部分都是国外的，看文档太吃力，不过好在最终让我发现了AntVG6流程图图表库，最新版为2.0，不过编辑器在2.0版本还没有进行开源
weixin_34174105·2020-09-12 23:06

vue中使用antvG6画分组结构图及树形关系图

效果图：我是对G6中提供的该图的相关函数进行了封装--下面的代码是写在公共js文件里面：exportfunctionrenderMap(data,graph){constcollapseIcon=(x,y,r)=>{return[['M',x-r,y],['a',r,r,0,1,0,r*2,0],['a',r,r,0,1,0,-r*2,0],['M',x-r+4,y],['L',x-r+2*r-4
suoh's Blog·2020-09-12 23:42

AntV G6绘制简单流程图

初学AntVG6,先简单绘制个图形varUtil=G6.Util;//设置数据vardata={"source":{"nodes":[{"shape":"https://zos.alipayobjects.com
纯粹无忧·2020-09-12 22:40

antV G6流程图在Vue中的使用

antVG6流程图在Vue中的使用最近我司项目中需要加入流程图制作功能，于是乎百度各种找可视化绘制拓扑图的轮子，大部分都是国外的，看文档太吃力，不过好在最终让我发现了AntVG6流程图图表库，最新版为2.0
w1366352655·2020-09-12 21:34

VUE和Antv G6实现在线拓扑图编辑

VUE和AntvG6实现在线拓扑图编辑效果图如下：我使用的是G62.0,也可以使用G63.0，3.0的拓扑图单独作为一个编辑器使用，使用更加方便。不过2.0的比较简单，容易上手。
qq_36659961·2020-09-12 21:06

antv G6 图表-思维导图 在vue中使用

新公司目前一直在做政府的项目，里面涉及到大数据展示，然后其中又一个功能是做思维导图，度娘了几个小时我最终挑选了antvG6图表并封装成了一个组件，此图表功能真的很强悍，但是比起它的开发文档就是一个天上一个地下
杭州蘇小小·2020-08-22 15:36

antV G6流程图在Vue中的使用

最近我司项目中需要加入流程图制作功能，于是乎百度各种找可视化绘制拓扑图的轮子，大部分都是国外的，看文档太吃力，不过好在最终让我发现了AntVG6流程图图表库，最新版为2.0，不过编辑器在2.0版本还没有进行开源
w13707470416·2020-07-15 02:53

知识图谱可视化工具选型

目录背景选型原则筛选D3.js优点缺点cytoscape.js优点缺点AntvG6优点缺点networkx优点缺点最终选择后续参考资料背景本人作为大一狗，有幸参加了老师的工业大数据知识图谱可视化研究的项目
bruuuuuuuuno·2020-03-16 23:24

Axure可视化动态数据图表6合1元件库

Axure可视化动态数据图表6合1元件库Axure可视化动态数据图表元件库包含了Echats图表组件，Gallery图表组件、AntVG2图表组件、AntVG6图表组件、AntVF2图表组件、AntVL7
AxurePr0·2019-11-21 10:33
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他