Antv

钉钉小程序图表库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

如何做数据可视化

可视化库1.AntV老是说谁不是上来就是一个数据可视化的引
·2021-01-29 03:58

axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图，加载图表元件库 Axhub Charts...

AxhubCharts是基于Echarts和Antv的图表元件库，主要是应用在Axure原型设计下载AxhubCharts元件库rplib文件：点击下载使用AxhubCharts元件库可在AxureRP
运营小巴·2021-01-26 16:28

uniapp 微信小程序使用antv f2图标库

也就是：在uniapp项目中的wxcomponents文件夹中新建一个自定义组件(命名看个人喜好),如图：随表找个项目使用npm/yarn安装一下@antv/f2这个包npmi@antv/f2安装成功之后
luoob·2021-01-26 08:46

动态渲染拓扑图方案探究

前言拓扑图是数据可视化领域一种比较常见的展示类型，目前业界常见的可视化展现的方案有ECharts、HighCharts、D3、AntV等。
·2021-01-23 01:02

前端可视化福利：可视化网站收集

antvhttps://antv.vision/zhAntV是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实
tina666·2021-01-15 13:01

ECharts:数据可视化快速入门

端评价最高的JavaScript可视化工具库（入门难）ECharts.js百度出品的一个开源JavaScript数据可视化库HighCharts.js国外的前端数据库可视化库，非商用免费，国外大公司使用较多AntV
前端互助会·2021-01-13 22:09

在Vue和React中使用ECharts的多种方法

现如今已经有许多成熟易用的可视化解决方案，例如ECharts，AntV等等。我们可以把这些解决方案比作是一套套成熟的“工具”，那我们如何将这些“工具”应用于当前最热门的两个前端框架中呢？
xmanlin·2021-01-11 17:08

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

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

g6 基本

1.g6的例子更加直观,感觉更容易移植扩展.初始成本比较低2.相比d3的文档感觉更有结构性,从了解到深入更容易一些3.现在edr的图开发绘图库,想换成antv主导,的g2/g6库在这次工作中我的理解
jilinyigan·2021-01-01 23:19

ECharts:数据可视化解决方案通俗易懂快速入门

端评价最高的JavaScript可视化工具库（入门难）ECharts.js百度出品的一个开源JavaScript数据可视化库HighCharts.js国外的前端数据库可视化库，非商用免费，国外大公司使用较多AntV
qq_43137699·2021-01-01 17:04

f2 柱状图滚动 钉钉小程序_钉钉小程序图表库AntV - F2 使用总结

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

AntV/G2Plot v2.0 技术架构思考

G2Plotv2版本，从今年8月开始开发，目前差不多已经快4个月了，达成：25+常用的统计图表80%图表在复杂BI，LowCode产品中使用验证97%代码单测覆盖率5+积极的社区同学参数后续我们会继续在几个方面深入：按照业务需求去提升，图表丰富度（桑基图、矩阵树图等），并在复杂业务系统去实践和应用文档、场景DEMO，降低使用者的门槛和成本那么，本文会介绍G2Plot2.0版本开发，从业务到技术架构
hustcc·2020-12-30 21:34

echarts 3d饼状图_Echarts饼状图详解及示例

前言说明：因工作需要用到图统计数据作为展示，用到echarts3(你也可以考虑用阿里的AntV:http://antv.alipay.com/zh-cn/index.html,或者国外的一些图形插件)。
墨墨daisy·2020-12-28 06:15

在Vue中使用Viser说明(基于AntV-G2可视化引擎)

前言AntV-G2官网推荐使用Viser,本文介绍针对Vue版本的viser-vue简单使用。
·2020-12-07 11:09

AntV/G2Plot v2.2.12 版本发布

NewFeaturesscatterregression新增top配置(#2010)(50fee30d)前后解读：之前回归线一定绘制在图形上面，不一定是最佳视觉效果，所以可以通过配置决定在哪一层。autosetlimitInPlotbasedonyAxisconfig(#2009)(c4a1794f)打开limitinplot配置(#2002)(65b485d6)前后解读：之前如果设置y轴的最小值
hustcc·2020-11-26 13:37

如何自定义G2Plot图表

举个简单的例子：//引入自定义扩展图表入口import{P}from'@antv/g2plot';//自定义Column组件import{adaptor,defaultOptions}from'g2plot-column
yujs·2020-11-22 23:34

在Vue中使用Echarts可视化库的完整步骤记录

前言由于最近项目需要做可视化数据展示，也就是用图表展示数据，他还有一个很高端的名字：“大数据可视化”（参考图一），首先考虑选择什么图表库来作为基础开发，目前被普遍认可的是Hcharts、Echarts、AntV
·2020-11-18 13:30

小程序使用AntV F2自定义图表和legend交互

注意：横坐标显示的名称为lx，data里的lx与findLegendItem方法中的lx保持一致。vardata=[{lx:'JonNicoll',score:282,avgScore:94},{lx:'AaronMaxwell',score:208,avgScore:41.6},{lx:'WarrenClunes',score:186,avgScore:46.5},{lx:'DavidBolto
Zan^Z·2020-10-16 10:27

Snowpack 下使用 AntV/L7 require方法未定义问题

在Web前端的React项目中使用Snowpack作为编译工具（Webpack的替代工具），并在项目中引用到了AntV/L7库。使用时遇到两个错误。
_delong·2020-10-13 11:39

在Vue中使用antv的示例代码

一，在vue原型中使用1.首先安装antv/g2yarnadd@antv/g2--save2.在main.js中挂在到vue原型实例中constG2=require('@antv/g2')Vue.prototype
·2020-09-24 18:00

小程序使用AntV F2三柱状图，横向左右滑动

效果如图：注意：数据格式的number不可有双引号。constapp=getApp()letchart=null;functioninitChart(canvas,width,height,){//使用F2绘制图表constdata=[{index:0,name:"客单价",lx:"迎风店",number:34.64},{index:0,name:"客流量",lx:"迎风店",number:14}
Zan^Z·2020-09-23 15:20

小程序使用AntV f2写双Y轴折线图及遇到的问题

1.根据官方文档仅有的部分内容，可知，不管是折线图，柱状图还是饼图，数据都要使用它规定的数据格式才可以。下面开始写我所用到的图表1.双Y轴双折线图的写法效果：//注意部分：数据带有双引号，Y轴上不会从小到大排列constapp=getApp()letchart=null;functioninitChart(canvas,width,height,){//使用F2绘制图表constdata=[{ti
Zan^Z·2020-09-22 16:17

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

阿里巴巴26个前端开源项目目录1.数据驱动的高交互可视化图形语法AntV-G22.企业级中后台UI解决方案FusionDesign3.设计语言&前端框架AntDesign4.基于G2封装的React图表库
BUBsky·2020-09-17 14:28

antv，图表和地图

前言echarts是比较流行的图标和地图框架，文档清晰，灵活，满足各种自定义。众多的api接口，让使用者犹如大海捞针，每一个细节都需要通过api慢慢调整，耗费开发者大量的时间精力。在这里补充一种新的图表地图框架，虽然做得不如echarts强大，适合快速开发节奏，让前端程序员在除了echarts以外还可以多一种选择。antvantv是蚂蚁金服团队打造的图表和地图框架（用过antd的同学应该知道这个团
glorydx·2020-09-16 05:53

bizcharts图表封装之多折线图（带Slider）

from"bizcharts";//@ts-ignoreimportSliderfrom'bizcharts-plugin-slider';//@ts-ignoreimportDataSetfrom'@antv
懒得懒·2020-09-15 12:05

移动端柱形图左右滑动 antv F2

https://antv.alipay.com/zh-cn/f2/3.x/demo/interaction/pan-for-bar-chart.html也可以直接复制下面代码改一改F2图表组件库-AntV
肾虚少年·2020-09-15 12:04

在react中使用antv g2绘制带有sider滑块的chart图表

在slider中会遇到的问题1.slider两边要求展示的为文字，但过滤的时候过滤条件为下标，实现思路如下：过滤的时候判断条件是数值类型即下标，但为了在滑块两端展示文字，需要将’start’,'end’那边改成对应的起始终止文字，但又会出现新的问题，就是在onChange里面打印的startText和endText也为相应的文字而不是下标，考虑着在变化的时候需要将变化的下标赋值给ds里面的from
小五Ivy·2020-09-15 12:33

antvg2中的Slider 滑块插件的简介

引入脚本importG2from'@antv/g2';importSliderfrom'@antv/g2-plugin-slider';cons
小五Ivy·2020-09-15 12:33

antv g2绘制雷达图，点击横坐标的label变色

需求介绍：绘制雷达图点击label改变样式有时候也会要求点击某一个label,对应的内容在某一区域内动态的展示出来，实现数据的联动就可以了。出现的问题:后期发现，当打开关闭控台窗口的时候，再点击label便不会出现颜色的变化，猜想,窗口变化的时候,chart没有重新绘制,但位置发生了变化,点不到对应的label解决办法在window.οnresize=function(){}方法中绘制chart或
小五Ivy·2020-09-15 12:33

antv g2 绘制chart图表在纵轴坐标顶部加上单位

绘制chart图表的时候，一些情况下会要求在纵轴顶部加上单位，使用chart图表的辅助文本便可实现。辅助文本-position属性基本用法position属性取值：{object}|{function}|{array}array:数组来配置位置[x,y]，根据数组中的值的存在以下几种形式：a.对应数据源中的原始数据;b.关键字：‘min’,‘max’,‘median’,‘start’,‘end’，
小五Ivy·2020-09-15 12:01

vue antV G2-3.X组件化

从网上看到阿里系的图表antv觉得非常不错，就想整合到vue中使用。
weixin_34290390·2020-09-15 12:17

移动端使用可视化图表（柱状图、饼状图、折线图）& antv f2在vue中使用方法源码

官网：https://antv.alipay.com/z
初心-杨瑞超个人博客·2020-09-15 11:02

在vue项目中使用Antv-f2的小案例

目录一.两种引入方式1.浏览器引入2.通过npm安装二.两种使用方式1.在配置了webpack或使用vue-cli构建的vue项目使用2.另一种使用方式是在html中直接使用三.vue循环渲染图表,动态绑定Id最近在研究数据可视化，了解到会有移动端的数据可视化需求，所以看到了阿里出的AntvF2.官网有如下简介：F2，一个专注于移动，开箱即用的可视化解决方案，完美支持H5环境同时兼容多种环境（no
大鱼吃小鱼7·2020-09-15 11:21

日常随笔：React+G2 使用changeData实时更新数据

componentDidMount中初始化图表，然后将chart实例进行保存即可在componentWillUpdate的时候完成对于图标的更新代码例子importReactfrom'react';importG2from'@antv
月半叫做胖·2020-09-15 11:09

使用antV中的f2制作含百分比文字的环形图

是在原有例子上添加了两行代码，测试过的F2图表组件库-AntV@font-face{font-family:'charts-icon';/*projectid750097*/}/*Fixingiframewindow.innerHeight0issueinSafari
吃饺子的小土豆·2020-09-15 11:22

小程序开发-mpvue中使用图表库

图表库在开发中使用图表库，推荐百度的Echarts，和阿里出品的AntV家族，其中移动端为AntV-F2Echarts：EchartsAntV-F2：AntV-F2这里antV-F2有现成的原生小程序使用教程
2B_LIS·2020-09-15 10:38

AntV/F2 3.2 因你而动

F23.2,因你而动F2，一个专注于移动，开箱即用的可视化解决方案，完美支持H5环境同时兼容多种环境（node,小程序，weex）。完备的图形语法理论，满足你的各种可视化需求。专业的移动设计指引为你带来最佳的移动端图表体验。F23.2做出的努力丰富交互，让手指与图表更亲密2007年iphone的面市，开启了移动设备的触摸感知时代，也主导了移动端的设计向更多得向更易用、符合人体工程学的方向发展，在可
DoriMifas·2020-09-15 10:17

vue + Antv F2

F2npm安装:npminstall@antv/f2--save成功安装完成之后，即可使用import或require进行引用importF2from"@antv/f2/lib/index-all"constF2
FXZ_小智·2020-09-15 10:25

AntV - 我认为这是一个不严谨的错误

今天我在看百度地图和Echarts图表，突然想起来上次在一个前段群里有人给我推荐的AntV图表，今天我特意打开看了下，感觉还会可以的，但是界面上还有些粗糙，感觉不像一个成型的产品。
chengzhan9657·2020-09-15 10:18

AntV F2 数据可视化填坑，图表横向滚动

柱状图横向滚动思路通过Interaction实现平移，通过ScrollBar显示滚动条1.InteractionF2提供一套交互机制，以达到通用交互行为的封装和复用。基于此机制，我们提供了以下五种通用的交互行为：饼图选中柱状图选中图表平移pan图表缩放图表swipe快扫2.ScrollBarScrollbar是一个静态插件，主要用于辅助pan和pinch交互。滚动条只是为pan服务的。数据结构数据
顽石2019·2020-09-15 09:57
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他