图可视化引擎

Antv G6 拖拽生成节点

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

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

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

AntV G6新版源码浅析

前言AntV是蚂蚁金服全新一代数据可视化解决方案，其中G6主要用于解决图可视领域相关的前端可视化问题，其是一个简单、易用、完备的图可视化引擎。
维李设论·2023-12-25 16:09

前端数据可视化之AntV的G2Plot、G6、L7入门

AntV是蚂蚁金服全新一代数据可视化解决方案，AntV不是一个解决方案，他是一套解决方案，AntV包括以下解决方案G2：可视化引擎G2Plot：图表库G6:图可视化引擎Graphin：基于G6的图分析组件
Ashley的成长之路·2023-11-26 02:34

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

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

g6的minimap中的配置_G6：AntV 的图可视化与图分析

导读G6是AntV旗下的一款专业级图可视化引擎，它在高定制能力的基础上，提供简单、易用的接口以及一系列设计优雅的图可视化解决方案，是阿里经济体图可视化与图分析的基础设施。
温义飞·2023-11-05 15:46

AntV-G6实现微服务拓扑图

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

antv/G6使用详细介绍，一篇文章说清antv G6如何使用

G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。它是一款国产可视化插件，中文官方文档方便阅读和学习。
前端打工人·2023-10-24 18:49

Antv G6入门之旅--combo图

1在项目中使用NPM包引入2在HTML中使用CDN引入使用Step1创建容器Step2数据准备Step3创建关系图Step4配置数据源，渲染React中使用G6Combo图什么是AntVG6G6是一个图可视化引擎
Leviash·2023-10-24 18:17

G6 图可视化引擎基本使用

constdata1={nodes:[{id:'1',label:'采购申请',x:100,y:200,labelCfg:{style:{fill:'red'}}},{id:'2',label:'采购申请',x:300,y:200},{id:'3',label:'采购申请关联表',x:500,y:200},{id:'4',label:'军事闭关',x:700,y:100},{id:'5',labe
汤姆丁1111·2023-08-23 15:26

AntV G6新版源码浅析

前言AntV是蚂蚁金服全新一代数据可视化解决方案，其中G6主要用于解决图可视领域相关的前端可视化问题，其是一个简单、易用、完备的图可视化引擎。
·2023-08-15 18:50

G6 3.4 又双叒叕来啦

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

可视化的三种图结构方案 （canvas、fabric、G6）

使用简单灵活提供了复杂树、图等api，只需要按照文档配置即可缺点开发复杂、耗时对于构建大型树、图等复杂、耗时在开发前需要认真阅读api文档，上手慢一、图Graph（newG6.Graph）G6是一个简单、易用、完备的图可视化引擎
ejinxian·2023-06-11 14:33

芒种日，图新物，6月6日见

⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️六月六日14:00AntV将带来一场图技术发布会这里有更优性能的图可视化引擎G65.0全新改版的图可视分析平台G6VP2.0
·2023-06-06 22:31

GraphInsight 拓扑图体验

蚂蚁数据可视化|G6前言使用说明数据规则节点的属性前言蚂蚁数据可视化G6图可视化引擎是一个简单、易用、完备的图可视化引擎，它在高定制能力的基础上，提供了一系列设计优雅、便于使用的图可视化解决方案。
hjhcos·2023-04-18 12:52

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

G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的Insight。
·2023-01-13 02:18

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

G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的Insight。
几何心凉·2022-12-26 09:19

Antv G6 拖拽生成节点

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

Antv G6 拖拽生成节点

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

React中使用AntV G6

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

一文讲述G6实现流程图绘制的常用方法

摘要：G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。本文分享自华为云社区《会用这些的api，轻松绘制流程图——antv.g6流程图入门》，作者：一枚搬砖工。
·2021-08-25 13:04

【vue2 & G6】快速上手

封面.jpgG6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的Insight。
德育处主任·2021-02-22 11:57

g6 基本

g6是什么G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。
jilinyigan·2021-01-01 23:19

antv/G6使用记录，vue组件实现节点、边的动态增减、右键事件等功能

 antv/G6是蚂蚁金服数据可视化团队出品的一个功能完备的图可视化引擎。 
lookingForw_4585·2020-09-12 23:36

antv/G6使用记录，实现简单vue组件的demo

 antv/G6是蚂蚁金服数据可视化团队出品的一个功能完备的图可视化引擎。 
lookingForw_4585·2020-09-12 21:20

第十二届前端搞可视化部分笔记

第十二届前端搞可视化文章目录第十二届前端搞可视化《如何融合数据可视化与物理世界》《深度探索图分析与图可视化》《如何对BI产品做可视化技术选型》《如何对BI团队赋能数据分析能力》《如何打造企业级可视化大屏交付神器》《如何从零DIY3D地图可视化引擎
wsdchong之小马过河·2020-08-03 11:11

十 AntV

AntV包括以下解决方案：G2：可视化引擎G2Plot：图表库G6：图可视化引擎Graphin：基于G6的图分析组件F2：移动可视化方案ChartCube：AntV图表在线制作L7：地理空间数据可视化G2
十丈_红尘·2020-07-23 10:00

G6 图可视化引擎——入门教程——动画

由于动画机制较为复杂，我们未在Tutorial-案例中增加动画。G6的动画分为两个层次：图全局动画：图整体变化时的动画过渡；元素动画：节点和边的动画效果。全局动画G6的全局动画指通过图实例进行操作时，产生的动画效果。例如：graph.updateLayout(cfg)通过实例化图时配置animate:true，可以达到每次进行上述操作时，动画效果变化的目的。例子constgraph=newG6.G
Alex 007·2020-07-13 20:49

G6 图可视化引擎——核心概念——节点/边/Combo——内置节点——Circle

G6内置了圆Circle节点，其默认样式如下。标签文本位于圆形中央。使用方法如内置节点一节所示，配置节点的方式有两种：实例化图时全局配置，在数据中动态配置。1实例化图时全局配置用户在实例化Graph时候可以通过defaultNode指定type为‘circle’，即可使用circle节点。constgraph=newG6.Graph({container:'mountNode',width:800
Alex 007·2020-07-13 20:49

G6 图可视化引擎——入门教程——插件与工具

为辅助用户在图上探索，G6提供了一些辅助工具，其中一部分是插件工具，另一部分是交互工具。本文将为Tutorial案例添加缩略图插件、网格插件、节点提示框、边提示框。插件使用插件时，有三个步骤：引入插件；实例化插件；在实例化图时将插件的实例配置到图上。Minimap缩略图(Minimap)是一种常见的用于快速预览和探索图的工具，可作为导航辅助用户探索大规模图。现在，我们为Tutorial案例配置一个
Alex 007·2020-07-13 20:48

G6 图可视化引擎——入门教程——元素及其配置

图的元素特指图上的节点Node和边Edge。在上一章节中，我们已经将Tutorial案例的图绘制了出来，但是各个元素及其label在视觉上很简陋。本文通过将上一章节中简陋的元素美化成如下效果，介绍元素的属性、配置方法。基本概念图的元素图的元素特指图上的节点Node和边Edge。G6内置了一系列内置的节点和内置的边，供用户自由选择。G6不同的内置节点或不同的内置边主要区别在于元素的图形Shape，例
Alex 007·2020-07-13 20:48

G6 图可视化引擎——入门教程——使用图布局 Layout

当数据中没有节点位置信息，或者数据中的位置信息不满足需求时，需要借助一些布局算法对图进行布局。G6提供了9种一般图的布局和4种树图的布局：一般图：RandomLayout：随机布局；ForceLayout：经典力导向布局；（布局网络中粒子之间具有引力和斥力，从随机无序的布局不断演变为趋于平衡稳定的布局。适用于描述事物间关系，比如人物关系、计算机网络关系等。）CircularLayout：环形布局；
Alex 007·2020-07-13 20:48

G6 图可视化引擎——入门教程——图的交互 Behavior

G6封装了一系列交互方法，方便用户直接使用。本文将为Tutorial案例增加简单的交互：hover节点、点击节点、点击边、放缩画布、拖拽画布。本节目标效果如下：基本概念交互行为BehaviorG6中的交互行为。G6内置了一系列交互行为，用户可以直接使用。简单地理解，就是可以一键开启这些交互行为：drag-canvas：拖拽画布；zoom-canvas：缩放画布。交互管理ModeMode是G6交互行
Alex 007·2020-07-13 20:48

G6 图可视化引擎——入门教程——绘制 Tutorial 案例

本文将进行Tutorial案例的简单绘制和配置。通过本文，你将知道创建一般图时一些常用的配置项及其作用。基础绘制创建容器需要在HTML中创建一个用于容纳G6绘制的图的容器，通常为div标签。G6在绘制时会在该容器下追加canvas标签，然后将图绘制在其中。数据准备引入G6的数据源为JSON格式的对象。该对象中需要有节点（nodes）和边（edges）字段，分别用数组表示：//console.log
Alex 007·2020-07-13 20:18

G6 图可视化引擎——入门教程——前言

什么是G6G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等基础的图可视化能力。旨在让关系变得透明，简单。让用户获得关系数据的Insight。
Alex 007·2020-07-13 20:17

G6 图可视化引擎——快速上手

安装&引用在项目中引入G6有以下两种方式：NPM引入；CDN引入。在项目中使用NPM包引入Step1:使用命令行在项目目录下执行以下命令：npminstall--save@antv/g6Step2:在需要用的G6的JS文件中导入：importG6from'@antv/g6';在HTML中使用CDN引入//version//version>=3.3⚠️注意:在{$version}中填写版本号，例如3
Alex 007·2020-07-13 20:17

G6 图可视化引擎——核心概念——节点/边/Combo——内置节点——内置节点总览

G6的内置节点包括circle，rect，ellipse，diamond，triangle，star，image，modelRect。这些内置节点的默认样式分别如下图所示。本文将概述G6中的各个内置节点类型、内置节点的通用属性、配置方法。内置节点类型说明下面表格中显示了内置的各类节点，同时对一些特殊的字段进行了说明：名称描述默认示例circle圆形：-size是单个数字，表示直径-圆心位置对应节点
Alex 007·2020-07-10 10:10
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他