antv

如何做数据可视化

可视化库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

vu+antvF2双折线图平移

chart文件（runChart.js）import*asF2from'@antv/f2/lib'require('@antv/f2/lib/interaction/')/****@param{*}id
搬砖的小白·2020-09-15 09:55

vue中 使用antv g2 柱状图与折线图混合使用

爷爷没有输给战火，父亲没有输给贫穷，我却输给了和平年代的生活和爱情，以及太过自由前端QQ群:981668406在此附上我的QQ:2489757828有问题的话可以一同探讨我的github:李大玄我的私人博客:李大玄我的简书:李大玄我的CSDN:李大玄这是数据data:[{time:'9:00-10:00',value:30,type:'曝光量',rate:100},{time:'10:00-11:
李大玄·2020-09-15 09:55

react antv f2分组柱状图实现平移

本周在开发柱状图平移的时候遇到一些问题，普通柱状图可以实现平移的效果，分组柱状图会出现平移的时候会把剩下的数据全部展示出来，通过查看antvf2文档，发现实现平移效果的重点是设置横坐标的values属性，如图所示，histogramList是数据源，originDates是需要展示在当前视口的部分数据。踩坑的原因是分组柱状图是一个横坐标下需要展示多组数据，服务端返回的数据格式跟f2柱状图需要的格式
赵又又i·2020-09-15 09:49

vue+阿里的G2图表-antv+折线图

echarts+highcharts两个常用图表的，现在的话因为项目需要和别的原因也接触使用了阿里的g2图表，感觉效果还是挺好的，在这里分享下官网入口实现效果：实现步骤：第一：安装插件npminstall@antv
浩星·2020-09-15 09:35

Vue-H5移动端项目中使用 Antv F2数据分析可视化图表

项目需要求在移动端H5需要展示一些数据统计的图表，虽然第一时间想到的是echarts，常用还有Highcharts，D3等，antv家族的图表UI好看一些，再加上F2是移动端可视化方案于是就选择F2，打开官网果然眼前一亮
你好！YOYO·2020-09-15 09:58

AntV G2 分组柱状图和折线图混合画法

/***Createdbylqton2017/11/17.*/importReactfrom'react';importcreateG2from'g2-react';import{Stat,Frame}from'g2';classBarGraphextendsReact.Component{render(){constdata=[{"date":"2017-6","value":22.75,"ty
chengshan1664·2020-09-15 09:18

使用antv g2遇到的问题总结-点击柱状图阴影区域

使用antvg2中的柱状图，当数据很少的时候，点击区域很小，如何处理这个问题呢？一：问题如何解决：this.chart.on('plotclick',ev=>{constrecords=this.chart.getSnapRecords({x:ev.x,y:ev.y});console.log(records);constdata=records[0]._origin;if(data){//dos
bunny2016·2020-09-15 09:18

Antv-g2 绘制折线图

0x00AntvG2的绘图流程1.引入js库2.准备渲染容器DOM3.准备渲染数据constdata=[{year:'1991',value:3},{year:'1992',value:4},{year:'1993',value:7},{year:'1994',value:5},{year:'1995',value:6}];4.获取渲染DOM对象constchartDom=document.get
无在无不在·2020-09-15 09:24

AntV曲线图实例代码（vue组件）

文章目录引言效果需求使用代码数据格式组件代码引言有在移动端实现光滑曲线图的需求，选择了AntV的库，但官方文档不太行网上案例更少，找起来很麻烦。
qq_33712668·2020-09-15 09:08

mpvue中使用antv F2制作可滑动折线图（遇到的坑）

mpvue中使用antvF2制作可滑动折线图（遇到的坑），mpvuef2-canvastooltip设置无效最近在开发小程序，需要用到折线图，在echarts和antvF2中选择了后者，不管是echarts，还是F2网上很少关于小程序的相关资料，所以我决定把踩过的坑记录下来。一、首先下载ff-canvas放在static文件夹中f2-canvas二、引入f2-canvas"ff-canvas":"
pan²⁰²⁰·2020-09-15 09:08
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他