AntV
【可视化库对比】ECharts、AntV、D3和Three
本文写作目的：大家在使用可视化库创作可视化作品的时候，可能会产生这样的问题:“现如今成熟的可视化库有这么多，我到底该选择哪一个呢？”这其实也是我在学习数据可视化课程的时候面临的一个问题。因此本文旨在对比上述广泛被使用到的4个前端可视化库：Echart、AntV、D3和Three，了解它们的区别和共性 ......
vue3 AntV-X6 引入插件报错
vue3 AntV-X6 引入插件报错： Uncaught TypeError: Cannot read properties of undefined (reading 'ToolItem') vite 引入路径的问题解决就是在引入插件的路径后面加上/lib： import { Keyboard ......
vuejs+antv-g6绘制图表
该内容包括antv-g6官网地址、antv-g6的基本使用(包括自定义节点、常用插件(右键菜单等)、基本事件、目前我所遇到的一些需求)。 1、antv-g6的官网地址：https://g6.antv.antgroup.com/examples 2、安装antv-g6组件 npm install @a ......
「AntV」x6 框选添加右键菜单
> 今天在群里有个小伙伴提出了这么个问题：如何在框选完成后给框选的区域添加一个右键菜单的功能，我看到了这个问题后也是有点懵，心里想着怎么还有这个需求，直接快捷键删除不是更好吗，谁知这位小伙伴也是这么写的，奈何客户要添加右键菜单的功能，所以说，客户最大。既然人家都提出这个需求呢，那就说明大概率情况下是 ......
antv-x6 使用及总结
antv-x6是一个功能强大、可扩展性高的可视化工具，提供了一系列开箱即用的交互软件和简单易用的节点定制能力，能够帮助使用者便捷地创建流程图、ER图等交互性较强的应用。本次分享介绍了x6的基本功能，更多高级功能有待我们进一步学习和探索。 ......
「AntV」L7地理可视化：从入门到实践
## 1. 前言 这是一篇由浅入深的AntV L7的学习笔记总结，记述了从了解到使用的一些过程 本文所使用的数据（包括数据处理过程）和代码均有详细描述，所有案例均可复现，甚至大部分代码可直接使用 如果喜欢分页阅读，可以参考下列目录： - [「AntV」L7 快速入门示例 - 当时明月在曾照彩云归 - ......
「AntV」基于众源轨迹数据的三维路网生成与L7可视化
## 1. 引言 L7 地理空间数据可视分析引擎是一种基于 WebGL 技术的地理空间数据可视化引擎，可以用于实现各种地理空间数据可视化应用。L7 引擎支持多种数据源和数据格式，包括 GeoJSON、CSV等，可以快速加载和渲染大规模地理空间数据。L7 引擎还提供了丰富的可视化效果和交互功能，包括热 ......
「AntV」景点轨迹数据获取与L7可视化
## 1. 引言 L7 地理空间数据可视分析引擎是一种基于 WebGL 技术的地理空间数据可视化引擎，可以用于实现各种地理空间数据可视化应用。L7 引擎支持多种数据源和数据格式，包括 GeoJSON、CSV等，可以快速加载和渲染大规模地理空间数据。L7 引擎还提供了丰富的可视化效果和交互功能，包括热 ......
「AntV」路网数据获取与L7可视化
## 1. 引言 L7 地理空间数据可视分析引擎是一种基于 WebGL 技术的地理空间数据可视化引擎，可以用于实现各种地理空间数据可视化应用。L7 引擎支持多种数据源和数据格式，包括 GeoJSON、CSV等，可以快速加载和渲染大规模地理空间数据。L7 引擎还提供了丰富的可视化效果和交互功能，包括热 ......
「AntV」全球AQI数据获取与L7可视化
## 1. 引言 L7 地理空间数据可视分析引擎是一种基于 WebGL 技术的地理空间数据可视化引擎，可以用于实现各种地理空间数据可视化应用。L7 引擎支持多种数据源和数据格式，包括 GeoJSON、CSV等，可以快速加载和渲染大规模地理空间数据。L7 引擎还提供了丰富的可视化效果和交互功能，包括热 ......
「AntV」X6开发实践：踩过的坑与解决方案
长期更新版文档请移步语雀([「AntV」X6开发实践：踩过的坑与解决方案 (yuque.com)](https://www.yuque.com/sxd_panda/antv/x6)) ## 🖼️ | 如何自定义拖拽源？ > 相信你们在开发中更多的需求是需要自定义拖拽源，毕竟自定义的功能扩展性高一些 ......
Antv X6 + LiteFlow流程编排引擎探索
一、LiteFlow的介绍 LiteFlow官方网站和代码仓库地址 官方网站：https://yomahub.com/liteflow Gitee托管仓库：https://gitee.com/dromara/liteFlow Github托管仓库：https://github.com/dromara ......
「AntV」Vue3与TS框架下使用L7
## 1. 引言 Vue是常用的前端框架，TypeScript（简称TS） 是 JavaScript 的超集，可以提高代码的可维护性和可读性 本文基于Vite、Vue3和TypeScript搭建L7开发环境并示例 ## 2. 环境安装 这里使用Vue 官方的项目脚手架工具创建Vue开发环境（其他方式 ......
AntV L7 快速入门
## 1. 引言 L7 地理空间数据可视分析引擎是一种基于 WebGL 技术的地理空间数据可视化引擎，可以用于实现各种地理空间数据可视化应用。L7 引擎支持多种数据源和数据格式，包括 GeoJSON、CSV等，可以快速加载和渲染大规模地理空间数据。L7 引擎还提供了丰富的可视化效果和交互功能，包括热 ......
AntV
AntV入门 接触背景 今天是写着大论文的日子。吃饭的时候突然看到B站体验科技发了新的视频，是个好看的小姐姐——缨缨的自传，其为S2的负责人，那也正好借此机会入门AntV。简单说一下AVA产品矩阵： 常规数据统计：G2-G2Plot、S2 关系数据：G6-Graphin、X6-XFLOW 地理空间数 ......
antv x6 神奇的图片边框
昨天才把html节点中的图片转成base格式的，今天就发现一个用户体验的问题；那么是啥呢？就是我从左侧的树形菜单中拖拽节点的时候（鼠标按下也是同样问题），发现节点的图片区域那里会出现一个边框，持续时间不是很长，就几毫秒的时间，但是当你连续拖拽几个不同节点的时候就会发现这个边框竟然又消失不见了，如果此 ......
解决antv x6 树形图在IE浏览器的兼容性问题（已兼容IE9及以上）。
因为是给老项目做的树形图展示，框架比较老，使用了传统的html+js代码开发。使用了antv x6 来渲染一颗多级树形结构的图，开发完后在firefox、edge、chrome等现代浏览器上均可正常显示。但甲方客户想在ie浏览器上也能用，所以做了以下尝试，通过不断摸索、调试的艰难过程，终于大功告成。 ......
antd modal弹出框，渲染antv图表
弹出框的图标渲染获取不到dom，所以不能直接渲染，需要先判断Modal弹出框dom节点加载完成后，才能开始渲染。。。。。 快下班了，直接上全部代码，不解释了 <template> <a-modal v-model:visible="visible" :destroyOnClose="true" ti ......
可视化—AntV G6 紧凑树实现节点与边动态样式、超过X条展示更多等实用小功能
通过一段时间的使用和学习，对G6有了更一步的经验，这篇博文主要从以下几个小功能着手介绍，文章最后会给出完整的demo代码。 1. 树图的基本布局和使用 树图的布局，使用的模板是官网所提供的 紧凑树模板，在此基础上，进行一些定制化的改造，官网紧凑树案例 属性说明： graph = new G6.Tre ......
antv g6 如何在 stateStyles 中配置 labelCfg
根据官方文档的说明，从 AntV G6 3.4 版本开始已经支持子图形状态样式： // 节点不同状态下的样式集合 nodeStateStyles: { inactive: { opacity: 0.4, 'text-shape': { // 节点label文字设置 opacity: 0.4 } }, ......
可视化—AntV G6 高亮相邻节点的两种方式
通过官方文档，可知高亮相邻节点分为两种方法，文档描述并不是很清楚，对刚接触这个库的小白并不是很友好，慢慢总结慢慢来吧 内置的高亮节点 是通过内置的Behavior **activate-relations**来实现，Behavior 是 G6 提供的定义图上交互事件的机制。与交互模式 Mode配合使 ......