antv

蚂蚁研究员玉伯：我的技术人生答案

2008年加入淘宝，2012年开始在支付宝致力于设计语言AntDesign、数据可视化AntV、知识协同语雀等领域的工作。目前一心打造服务于蚂蚁
阿里技术官方号·2020-07-12 21:08

antv/f2开发仪表盘！

最近开发了一款类似于支付宝财富的h5项目，内嵌App中，项目使用的是react+hook+typescript,需求中基金详情页面需要仪表盘类型的效果，前期经过调研最终选择antv/f2,奉上链接：https
追逐ぢ·2020-07-12 13:45

如何绘制一个类甘特图 (附源码)

找了AntV，echarts，和D3。AntV和echarts都
weixin_34354945·2020-07-12 09:53

WakaTime数据同步展示工具

前些日子咨询了一下同事，得知了用antv可以绘制对应的图表数据，刚好现在也处于失业阶段，就花了几天时间又重新做了一个项目用于同步和展示WakaTime数据。
weixin_34040079·2020-07-12 08:19

基于vuecli3构建一个快速开发h5 APP的模板

基于vuecli3构建的一个快速开发h5APP的模板，集成了高德地图、mint-ui，以及antv-f2可视化框架vue-cli3安装查看vuecli版本vue--version要求nodejs版本8.9
angyangan9569·2020-07-11 02:06

使用AntV F2实现仪表盘的例子

{Component}from'react';importPropTypesfrom'prop-types';importImmutablefrom'immutable';importF2from'@antv
Little_Pig_Bug·2020-07-10 22:58

今年阿里巴巴重要开源项目全在这里

前端1.数据驱动的高交互可视化图形语法AntV-G2G2是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表
Java高级部落·2020-07-09 12:09

Vux的VChart支持antv F2交互行为（Interaction）

F2提供了以下五种通用的交互行为(Interaction)：图表平移(Pan)图表缩放(Pinch)Swipe快扫饼图选中柱状图选中v-chart并不支持F2的交互行为（Interaction），如果我们要想图表支持Interaction，有以下两种方式：不用v-chart实现，直接用F2基于v-chart组件进行二次封装我以实现图表平移(Pan)举例：示例所用的数据json下载专送门切记F2不能
風缘·2020-07-07 13:02

使用 bizcharts 在react中、AntDesign中实现图表（柱状图、折线图、饼图等）

（1）安装依赖：npminstallbizcharts--savenpminstall@antv/data-set（2）图表构成的使用（3）完整代码：【柱状图】importReact,{Component
一念一执晗。·2020-07-06 23:22

vue+antv g2+element-ui实现图表的增添拖拽

htmljs//生成图表importdashboardChartfrom'./chart/dashboardChart'exportdefault{name:'dashboard',data(){return{divList:[],projectList:[],activeNames:[],dragging:null}},mounted(){this.getList()},methods:{//获
搬砖的小白·2020-07-06 05:18

看完这篇包你懂得AntV 架构演进-G6 篇！

个人博客导航页（点击右侧链接即可打开个人博客）：大牛带你入门技术栈简介G6是一个图关系可视化引擎，起始于我们的业务需求，历经波折，每次改版其架构都有很大的变化，这些变化背后都有来自业务上的思考和我们对G6定位的调整，今天我们一起来回顾：G6之前的关系可视化V1.0关系映射V2.0图编辑器V3.0图分析引擎G6发展的时间线如下：G6之前的关系可视化早在做G2之前我们就接触了集团内部一些关系图的项目，
weixin_41663412·2020-07-06 03:05

Antv关于G6树状图实现折叠

后来就在我大金网上看到了antv(默默的心里说一句安ant六批啊...)2技巧/思路首先实现思路最主要的就是实现点击隐藏再次点击时显示所以我们需要一个函数暂定为togglefunctiontoggle(
weixin_33714884·2020-07-05 22:28

可视化解决方案

viserjs.github.io/demo.html#/viser3.BizCharts(React)https://alibaba.github.io/BizCharts/index.html4.蚂蚁AntV
代码涂鸦·2020-07-04 13:22

antv/G2 v4使用遇坑之旅

1.当container中指定是这个容器的id名时，如果要复用这个组件，那么会在当前id下创建多个一样的图表组件，且样式会乱掉。因为指明了当前id.解决方案：改用refs去指定即可。this.chart=newChart({container:this.chartRef.current,autoFit:true,height:220,});render(){return;}2.当你所使用的图表外侧
spicyboiledfish·2020-07-04 08:19

如何在Vue中使用lottie加载SVG动画

现在网页上比较复杂的动画基本都采用SVG，像AntDesign全家桶的官网，首页的Banner基本采用SVG动画（太过复杂的SVG会消耗CPU性能，你电脑的散热器可能就会嗡嗡响，特别是AntV官网的Banner
I'm 左撇峰子·2020-06-30 19:05

大数据可视化管理antV使用详解

首先给大家看看官网的图表是不是眼花缭乱，不要怕接下来我将会给小白同学一步步解开antv的神秘面纱目录安装antV第一个antV组件关于自定义antV图标的一些样式关于常用的api介绍五字真言1.首先在项目中引入
小猿学前端·2020-06-30 18:09

vue项目中vue-echarts讲解及常用图表方案实现

图表类的项目操作一般常见于管理平台系统，移动端项目中并不是特别常见，不常见不代表没有，在一些商城类应用中，商家需要看到商品的销量分析，盈利分析等，就需要用到图标，比较常用的图标库，像百度的ECHARTS，蚂蚁金服的AntV
小圣贤君·2020-06-30 16:32

蚂蚁研究员玉伯：我的技术人生答案

2008年加入淘宝，2012年开始在支付宝致力于设计语言AntDesign、数据可视化AntV、知识协同语雀等领域的工作。目前一心打造服务于蚂蚁
阿里技术·2020-06-30 14:56

antv G2柱状图

一、首先需要引用antv-g2.1.直接在html引用外部js文件，2.如果是vue，需要安装npminstall@antv/g2--save但是在vscode安装后，按照提示修复一下就行了二、初始化柱状体表格
~莫~言~·2020-06-30 12:15

细数阿里 25 个开源的前端项目

数据驱动的高交互可视化图形语法AntV-G2AntVG2是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表
极地雪狼li·2020-06-30 03:20

Vue 引入G2图表

安装G2依赖npminstall@antv/g2npminstall@antv/data-setvue-ge在Vuemain.js文件中引入G2importG2from'@antv/g2'Vue.use
Mr-K·2020-06-29 19:54

数据可视化展示—用户词云

这里我们使用的是蚂蚁金服AntV的G2图，
wengqt·2020-06-29 17:29

Echarts初学使用

端评价最高的Javascript可视化工具库(入手难)ECharts.js百度出品的一个开源Javascript数据可视化库Highcharts.js国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV
心刻·2020-06-29 14:54

Antv G2plot学习笔记（一）

AntvG2plot学习笔记（一）官方网址：https://g2plot.antv.vision/zh在执行官方的实例中，发现无法将数据进行图表展示，经过好友的分享和实践发现是出在变量引用不到的问题，之前的
小小的爬虫·2020-06-29 08:27

Antv + Tomcat L7地图 本地资源可视化

此为系列博客Tomcat本地服务器搭建+本地项目AntvL7地图可视化Antv+TomcatL7地图本地资源可视化（当前位置）文章目录0.基础知识1.下载资源文件2.修改资源路径0.基础知识Antv使用
UncoDong·2020-06-29 06:04

在Vue中使用antv

在Vue中使用antv使用antv/g2（两种使用方式）一，在vue原型中使用1.首先安装antv/g2yarnadd@antv/g2--save2.在main.js中挂在到vue原型实例中constG2
sxuan·2020-06-29 04:51

4.2-antv/g6

前言g有点类似于zrenderzrenderg的文档g6定制化了很多图形g6文档antv/g重点部分创建，注意idvarcanvas=newCanvas({containerId:'c1',//指定画布容器
懒羊羊3号·2020-06-29 01:53

蚂蚁金服体验技术部招人啦! - 技术篇

团队介绍蚂蚁金服体验技术部，是由玉伯带领的专注用户体验与创新技术的专业团队，拥有众多技术大牛，如民工叔徐飞、阮一峰、ECharts作者林峰、苏千、死马（不四）、偏右、云谦等，著名开源项目有AntDesign、AntV
weixin_34319374·2020-06-28 16:10

G6-Editor 编辑器入门使用教程

一、前言G6-Editor是AntV官方提供的、专注于图可视化编辑器的类库，也是市面上完成度较高的图可视化编辑器。
weixin_33923148·2020-06-28 08:16

Vue 你想要的流程图

前端需要支持后台流程图适配其实很扯淡哈哈第一次在掘金发文不喜欢勿喷哈也欢迎大家指教复制代码模块简介废话不多说先上图在解释项目实际用到的技术栈：SVG+vue+vuex功能介绍：画布缩放节点(开始,基础,判断等)添加，删除节点间连线(直线/折线)文本添加外部导入SVG图形撤销与重做复制代码节点相关npmi@antv
weixin_33881140·2020-06-28 07:09

蚂蚁金服新一代数据可视化引擎 G2

官方地址：https://antv.alipay.com/g2/doc/index.htmlGithub：https://github.com/antvis2016年发布的开源库，时间虽短但库功能齐全，
weixin_30877227·2020-06-28 01:29

小程序·云开发实战 - 体重记录小程序

先看看页面效果图吧：记录的几个点：1.全局变量globalData2.npm的使用3.云函数4.数据库操作5.async的使用6.分享的配置7.antV使用8.tabBar地址跳转9.切换页面刷新1.全
weixin_30794499·2020-06-28 00:56

阿里巴巴26个前端开源项目

目录1.数据驱动的高交互可视化图形语法AntV-G22.企业级中后台UI解决方案FusionDesign3.设计语言&前端框架AntDesign4.基于G2封装的React图表库BizCharts5.企业级
weixin_30512089·2020-06-27 20:35

AntV-f2开发文档

安装浏览器引入复制代码npm安装安装npminstall@antv/f2--save复制代码引入constF2=require('@antv/f2');复制代码上手步骤创建Chart图表对象，指定图表ID
weixin_30364147·2020-06-27 18:54

在vue中封装G2图表

importG2from'@antv/g2'import{DataSet}from'@antv/data-set'exportdefault{name:'pie',data(){return{chart
real_忘川·2020-06-25 18:19

part03~开发通用前端UI框架（图表封装,高效mock，请求封装，表单校验，图标管理)

封装图表组件我们选择免费的，功能比较多的Echart,当然了你也可以选择AntV,也有highChart安装echart:npminstallecharts--save新建chart组件库：components
南麟剑首·2020-06-25 14:42

75个阿里开源项目

前端1.数据驱动的高交互可视化图形语法AntV-G2G2是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表
灬点点·2020-06-25 06:52

vue AntV F2 柱状图使用（左右滑动、柱状图大小、柱状图颜色）

效果图letdata=[{//定义一些数据date:'2018-05-01',steps:100},{date:'2018-05-02',steps:320},{date:'2018-05-03',steps:130},{date:'2018-05-04',steps:840},{date:'2018-05-05',steps:450},{date:'2018-05-06',steps:160},
铲屎官唐小予丶·2020-06-24 17:11

蚂蚁金服 AntV 开源地理可视化引擎 L7 2.0 发布

导读L7是由蚂蚁金服AntV数据可视化团队推出的基于WebGL的开源大规模地理空间数据可视分析开发框架。L7中的L代表Location，7代表世界七大洲，寓意能为全球位置数据提供可视分析的能力。
寒冰屋·2020-06-24 16:37

蚂蚁金服AntV开源地理可视化引擎 L7 2.0——聊聊AntV背后那些事

起因：  这几天看到蚂蚁金服AntV开源地理可视化引擎L72.0发布的文章，于是搜了一下L7这个引擎，然后感觉跟百度的EChat有点相似的部分，再然后去看看知乎文章，发现这个团队中有百度EChat作者林峰
欧特GO·2020-06-24 11:47

vue项目中引用Antv G2,饼图为例

npminstall@antv/g2--savetemplate内容：js部分：​//引入G2组件importG2from"@antv/g2";​exportdefault{name:"",//数据部分
随心所欲的自由·2020-06-24 10:28

大数据浪潮下的前端工程师（知乎live笔记）

image.pngimage.pngimage.pngimage.png可视化工作中的产品常会用到一些图表，推荐一个antv的网站，帮助我们理解不同图表的使用。
风吹燕尾·2020-06-23 11:22

ECharts的介绍和使用方法，以及其他常见的数据可视化库介绍

端评价最高的Javascript可视化工具库(入手难)ECharts.js百度出品的一个开源Javascript数据可视化库Highcharts.js国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV
codingWeb·2020-06-23 08:38

AntV

AntVG2G6F2L7墨者学院让数据栩栩如生AntV是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。
daqiang012·2020-06-23 02:15

AntV 推出全新的图编辑引擎 X6，让你们久等了

X6是蚂蚁金服AntV旗下的图编辑引擎，X象形图编辑场景的关系链接，同时X6又是G6的孪生兄弟，所以沿用了G6中的6，深究一下，6源于《六度分隔理论》，表达了我们对关系数据、关系网络的敬畏和着迷。
bubkoo·2020-06-22 19:43

大屏记录——antV/L7实现北京地图+散点图

现在是2020年04月28日23:45分,背景音乐是隔壁老樊的"这一生关于你的风景".我开始对本篇文章做补充,今天应评论要求,我把antV/L7整理了一下源码,还是会发布在公众号上,文章末尾关注公众号"
ansheng02·2020-06-22 14:42

蚂蚁前端的开局十年：一切都在路上

这里有一群前端拓荒者，曾带领团队做出“AntDesign”、“AntV”、”Eggjs”、“Umi”等顶级开源项目，也有造梦者研发出“语雀”、“海兔”、“Basement”这样的里程碑产品。
阿里技术官方号·2020-06-22 13:43

可视化的OpenGL简史

下面这个气泡图是我用开源数据可视化技术AntV制作的，它显示了OpenGL家族历次版本更新的时间线。
房燕良·2020-06-22 02:49

地理可视化引擎 L7 2.0 核心特性及使用方法

L7是由蚂蚁金服AntV数据可视化团队推出的基于WebGL的开源大规模地理空间数据可视分析开发框架。L7中的L代表Location，7代表世界七大洲，寓意能为全球位置数据提供可视分析的能力。
LLand520·2020-06-21 23:07

【应用】如何使用 antv 图表组件

效果图：安装：cnpminstall--save@antv/g2使用：首先，在中写入：其次，在中写入：importG2from'@antv/g2'exportdefault{name:'antv',mounted
Dora_5537·2020-06-21 19:08
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他