AntV

2022-01-24antV/x6 stencil组件添加title

左边stencil里边文字太长显示不全。需要加个提示，但是组件里本身并没有自带的，于是就想加个title其实就是给svg标签加上title。如图
ClarkM·2022-04-11 10:28

AntV S2 和 Antd Table 有什么区别？

基本介绍S2是AntV团队推出的数据表可视化引擎，旨在提供高性能、易扩展、美观、易用的多维表格。不仅有丰富的分析表格形态，还内置丰富的交互能力，帮助用户更好的看数和做决策。
·2022-04-08 12:19

Vue+Antv F2实现混合图表

本文实例为大家分享了Vue+AntvF2实现混合图表的具体代码，供大家参考，具体内容如下一、npm安装npminstall@antv/f2--save复制代码二、在main.js中引入importF2from
·2022-04-07 12:51

vue+F2生成折线图的方法

本文实例为大家分享了vue+F2生成折线图的具体代码，供大家参考，具体内容如下1、效果图2、打开命令窗口，通过npm安装F2npminstall@antv/f2--save3、使用import或require
·2022-04-07 11:15

Vue+ Antv F2实现层叠柱状图

本文实例为大家分享了Vue+AntvF2实现层叠柱状图的具体代码，供大家参考，具体内容如下一、创建canvas标签二、编写图表绘制代码methods:{     //获取专利案件Chart图标信息     getCaseChartData(){        var_this=this;        varparams={           dataType:_this.caseDataTyp
·2022-04-02 17:04

【Antv G6】视图操作FitView-局部居中

功能概述：在当前一张许多节点的画布中，仅展示某些节点，其它的透明度为0（占位的，相当于css的opacity：0），并且在视口范围内居中它们（展示的那些）。问题是fitView中是根据canvas画布大小来适应的，看了下源码，这地方改一下就能满足需求了：循环所有节点，找到展示的节点，并把它的x轴坐标放入x轴数组中，把它的y轴坐标放y轴数组中；如果这两个数组有一个为空则结束获得画布宽度=x轴最大值-
·2022-04-02 12:39

你不知道的 Canvas 表格交互

背景S2是AntV在多维交叉分析表格领域的解决方案，主要用于看数分析,S2采用canvas来进行表格绘制(基于易用、高效、强大的2D可视化渲染引擎G),同时内置大量的交互能力来辅助用户看数,如行列联动高亮单选
·2022-03-30 10:31

使用 AntV S2 打造大数据表格组件

前情提要：AntV2021年度发布了新产品多维交叉分析表格S2，可以点这里了解详情。导读在蚂蚁的大数据研发平台中，数据表格是一类重要的业务组件。
·2022-03-09 15:04

AntV X6源码简析

前言AntV是蚂蚁金服全新一代数据可视化解决方案，其中X6主要用于解决图编辑领域相关的解决方案，其是一款图编辑引擎，内置了一下编辑器所需的功能及组件等，本文旨在通过简要分析x6源码来对图编辑领域的一些底层引擎进行一个大致了解
·2022-03-06 21:29

【Antv G6】minimap更新渲染问题

问题现象：在使用antvg6进行力导向图表时，使用了minimap插件。考虑性能提升，设置type为delegate，只要渲染大致图形就行了。但是在渲染不同数据的情况下，会发现应该是绿色线但是却显示红色。如图：重要代码如下：constminimap=newG6.Minimap({size:[200,150],type:'delegate'//只渲染图上元素的大致图形，以降低渲染成本})this.g
·2022-02-23 17:59

自己整理的前端比较实用的资源库

1.AntV蚂蚁金服pc端开源图表G2官网地址2.AntV蚂蚁金服移动端开源图表F2官网地址3.美团发布的轻量级vue小程序开发框架mpvue（miniprogramvue）官网地址4.vue项目中更简单的使用
不忘初心_9a16·2022-02-15 07:22

ant-design-vue的基本使用：按需导入组件和主题定制

引言ant-design-vue作为后来者，名声比不上vue组件库的先驱大佬element，但是用多了element，再上手antv时，仍让我眼前一亮，antv在交互设计和api设计上，确实和element
·2022-02-13 19:47

详解JavaScript+Canvas绘制环形进度条

目录效果图思考实现思路具体代码实现效果图思考移动端的场景里经常会出现环形进度条的功能，在实现这个功能前，我预想的解决方案大致有：echarts、antv、canvas、svg前面两种第三方提供的解决方案当然是简单
·2022-02-13 14:41

L7 地理数据可视化引擎 1.3 版本发布

L7蚂蚁金服AntV地理数据域方向的可视化产品。国内首款开源WebGL地理可视化引擎。
ThinkingGIS·2022-02-06 07:00

vue-cli4--G6兼容ie11

官网文档有出入，故记录下vue.config.jsmodule.exports={transpileDependencies:["@antv/g6","@antv/layout","d3-force",
·2022-01-21 09:41

一文带你快速拆解云智慧前端技术架构

18年开始做可视化方向，从前端工程师做到开发经理；开源项目FlyFish的负责人（荣获21年优秀开源项目奖）；清华Thulab的DWF项目开发者之一；AntV贡献者之一。
·2022-01-20 14:14

vue的流程插件| vueDAG有向无环图实例vue-x6-flow

https://github.com/MyButifull...基于antv-x6vue版本适用于流程图-dag图有以下功能内容：1、拖拽布局2、右键菜单3、保存4、缩放5、多选6、快捷键cvcxcz（
·2022-01-18 17:18

关于antv L7地图方法使用参数

letdata={features:[],type:'FeatureCollection'}area.forEach((item,index)=>{//console.log(item)letcolor=''if(item.attrMap['业主方']==='1111'){color='blue'}elseif(item.attrMap['业主方']==='2222'){color='red'}e
·2022-01-06 15:05

AntV G2中，Y轴中 label 的数据排布混乱问题

废话不多说，直接上图：可以看到Y轴的数据非常的乱，而且大小顺序也不对这种情况是由于数据类型不对引起的，Y轴的数据必须是数字类型才可以哦。若数据是由后端传过来，可以让后端的小伙伴把Y轴的数据格式转换成数字类型当然，我们自己处理也是可以的，只要使用parseFloat()或者parseInt()转化一下就可以了处理完问题就解决了：
·2021-12-24 10:31

vue+antv实现雷达图的示例代码

一、下载依赖npminstall@antv/data-setnpminstall@antv/g2二、代码实现importDataSetfrom'@antv/data-set'import{Chart}from
·2021-12-06 18:35

蚂蚁金服AntV-S2重磅发布

S2是AntV团队推出的数据表可视化引擎，旨在提供高性能、易扩展、美观、易用的多维表格。不仅有丰富的分析表格形态，还内置丰富的交互能力,帮助用户更好地看数和做决策。
·2021-11-22 18:13

AntV G2可视化引擎, 有用过嘛？

Antv蚂蚁金福提供的数据可视化解决方案，是一系列的解决方案的集合，包含G2、G6、F2、L7以及一套完整的图表使用和设计规范。
·2021-11-18 12:42

可视化引擎antv系列之分面Facet(二)

没想到这么快就要使用自定义分面Facet功能了，猝不及防。概述起因是开发进行到一半的时候，发现我们实现的效果和产品小伙伴的想法很不一致。而引擎现有能力并不支持产品想要的效果。嗯，只能自力更生了。什么是分面分面（Facet）是指利用G2提供的View递归嵌套能力，将一份数据按照某个维度分隔成若干子集，然后创建一个图表的矩阵，将每一个数据子集绘制到图表矩阵的窗格中。上面是官方文档里的解释，简单讲就是根
·2021-09-26 14:51

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

本文分享自华为云社区《会用这些的api，轻松绘制流程图——antv.g6流程图入门》，作者：一枚搬砖工。
·2021-08-25 13:04

VUE引入使用G2图表的实现

以数据驱动，提供图形语法与交互语法，具有高度的易用性和扩展性使用G2，可以无需关注图表各种繁琐的实现细节，一条语句即可使用Canvas或SVG构建出各种各样的可交互的统计图表G2图表官网地址https://antv.gitee.io
·2021-08-22 15:36

Antv 导出带背景图的图片

Antv自带的导出图片功能，只能设置背景色。如果希望是背景图片，需要将Antv保存的base64URL和背景图img利用canvas合并，使用a标签模拟下载。
·2021-08-20 13:15

js流程图antv-x6,gojs,mxGraph

js插件插件特色文档antv-x6优先推荐使用，开源代码免费，文档为中文中文文档demogojs有代码，可以个人使用，商业使用需要授权，兼容性比较好英文文档https://gojs.net.cn/samples
·2021-08-04 18:40

ElementUI在实际项目使用步骤详解

目录1.表格自排序2.分页功能3.el-checkbox-group多选框4.封装日历组件5.用antv-G2实现雷达图6.多语言支持1.表格自排序目标：点击入职时间后面的上下箭头可以实现当前页数据按照入职时间升序或者降序排列思路
·2021-08-04 14:26

可视化引擎antv系列(一)

概述5年前的时候，接触过一点可视化开发，因为要做用户画像，那个时候很自然了选择了百度的echarts，感觉很酷炫，很好用，纯配置写法。当时可选择的可视化引擎大概有echarts，d3，hightcharts等，相比，echarts文档最全，最易上手，功能也最强大。不过大概也就是用用api的程度，就没有然后了，感觉做的东西还花里胡哨的很好看。时隔5年，再次开始接触到可视化，发现多了些新的选择，时代在
·2021-07-28 09:29

antv table组件 如何合并单元格的同时使用scopedSlots

使用antvtable组件时，实现合并单元格的同时使用scopedSlots我是合并单元格之后的slot,税前工资：{{record.amount}},税后工资{{record.amount1}}exportdefault{data(){return{data:[],colunms:[]};},methods:{getColumns(){return[{title:'姓名',dataIndex:'
·2021-07-27 20:00

大屏自适应衍生二

想必近几年前端的数据可视化越来越重要了，很多甲方爸爸都喜欢那种炫酷的大屏幕设计，类似如下这种：image遇到的这样的项目，二话不说，echarts或者antv，再搭配各种mvvm框架（react，vue
岚平果·2021-07-19 17:33

蚂蚁研究员玉伯：开源有带给我什么

2008年加入淘宝，2012年开始在支付宝致力于设计语言AntDesign、数据可视化AntV、知识协同语雀等领域的工作。目前一心打造服务于蚂蚁金服及业界的一流技术与产品。
·2021-06-18 22:25

蚂蚁研究员玉伯：开源有带给我什么

2008年加入淘宝，2012年开始在支付宝致力于设计语言AntDesign、数据可视化AntV、知识协同语雀等领域的工作。目前一心打造服务于蚂蚁金服及业界的一流技术与产品。
·2021-06-18 21:20

常用网址

echarts.apache.org/zh/index.html可视化dataVVue大屏数据展示组件库地址：http://datav.jiaminghi.com/vantV数据可视化解决方案地址：http://antv
想成为咸鱼的张三·2021-06-11 21:34

4.3-antv/g6-editor

editor:https://github.com/antvis/g6-editorgg-editor:https://github.com/gaoli/GGEditorimportEditorfrom'@antv
懒羊羊3号·2021-06-07 16:33

动态渲染拓扑图方案探究

前端|动态渲染拓扑图方案探究.png前言image拓扑图是数据可视化领域一种比较常见的展示类型，目前业界常见的可视化展现的方案有ECharts、HighCharts、D3、AntV等。
维李设论·2021-06-07 00:56

用Angular实现一个ant.design pro（还原度95%以上）

图表没有用echarts,用的阿里的antv，因为ant.designpro也是用的antv。后面将持续完成所有模块。
YuTao_·2021-06-05 12:48

在vue项目中引用Antv G2,以饼图为例讲解

我就废话不多说了，大家还是直接看代码吧~npminstall@antv/g2--savetemplate内容：js部分：​//引入G2组件importG2from"@antv/g2";​exportdefault
·2021-05-27 15:19

Vue.js 使用AntV X6的示例步骤

0x0前言因为项目用到流程图，并且需求也算是不详细，所以选择比较灵活的x6图形编辑器作为流程图编辑器，从文档来看不算复杂，这边就是作为参考教程。AntvX6文档0x1安装根据教程提示安装x6依赖即可，然后新建个容器进行实例化：constdata={//节点nodes:[{id:'node1',//String，可选，节点的唯一标识x:40,//Number，必选，节点位置的x值y:40,//Num
·2021-05-27 15:48

g2持续更新

1.配置自定义的颜色列表chart.color('type',['red','green','yellow'])2.图例样式说明设置，文档链接https://antv.alipay.com/g2/api
danihay·2021-05-15 19:12

钉钉小程序图表库AntV - F2 使用总结

项目涉及图表部分的技术选型对于图表这块的开发，使用一些流行的图表库可以大大提高我们的开发效率，目前较为流行的图表库大概有Echarts,Hcharts,AntV,他们都是大同小异，我印象比较深刻的是Hcharts
Darren151666·2021-04-30 06:12

antv/L7 mapbox添加google影像底图

一个GIS项目用到了antv/L7，本来打算用leaflet，但上个相似的项目用了antv/L7，这个项目就继续antv/L7了。客户要求用google影像加注记的底图，且要离线使用，因此一记。
一只会跑的程序猿·2021-04-22 16:18

Antv/X6<图编辑引擎>

1618558278291.jpg你可以直接查看官方文档,文档写的很棒;你也可以简单听我BBLL，顺便告诉你我的亲身经历，和常用参数；遇到问题：当你遇到下面这几种图形编辑时，你可能会想：这不是要专门搞一套js代码吗，canvas我也不熟练啊，这工程量也太大了，放弃吧！！跟老板说这个需求做不了2021-04-1610-46-28.gif当然x1，起初我也是这么想的，而且我也尝试了自己用canvas写
誰在花里胡哨·2021-04-16 15:35

微信小程序npm安装第三方包（引用第三方插件antv f2.js）

由于我要使用微信小程序引用图标插件，就以AntVF2插件为例；AntVF2官网：https://antv.alipay.com/zh-cn...需要准备：微信开发工具（必须支持npm功能）;node.js
·2021-04-12 10:41

G6 TreeGraph树图动态增加子节点数据

点击某个树节点，为该节点添加子节点数据，这个方法官方文档有：https://antv-g6.gitee.io/zh/d...
·2021-03-25 11:28

G6 TreeGraph树图默认展开几层节点

要做一个树形结构图，d3js的配置项很多，发现AntV的g6很不错，是啊里团队开发的首次加载时，默认展开两层，如果数据量大，后续可以点击树节点获取子节点数据再渲染上去。
·2021-03-25 11:26

G6 TreeGraph树图动态增加子节点数据

点击某个树节点，为该节点添加子节点数据，这个方法官方文档有：https://antv-g6.gitee.io/zh/d...
·2021-03-25 10:34

G6 TreeGraph树图默认展开几层节点

要做一个树形结构图，d3js的配置项很多，发现AntV的g6很不错，是啊里团队开发的首次加载时，默认展开两层，如果数据量大，后续可以点击树节点获取子节点数据再渲染上去。
·2021-03-25 10:02

基于AntV G2实现一个通用可视化Vue插件

前言AntVG2坚持自然、确定性、意义感、生长性的设计价值观。与其他可视化插件不同的是，G2是以数据驱动的高交互可视化图形语法，具有高度的易用性和可扩展性。随着业务可视化不断发展，数据复杂度越来越高。实现一个通用的可视化插件越来越迫切。本文基于G2实现了一个可视化Vue插件——p-charts。提示：p-charts是基于AnVG2v3.x最新版本，因为v3.x版本文档比较成熟。后续会紧跟v4.x
·2021-03-12 01:27

在Vue中对百度地图组件mapv的使用

常用的可视化组件有许多比如百度的Echart，mapv和mapvgl，阿里的Antv。其中Echart，mapvgl和Antv都具有3D的可视化效果。mapv只有平面的效果。
| 风梳烟沐 |·2021-01-31 16:36
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他