AntV

antv G2 折线图遇到的坑

1.数据很多时，图例显示不全：=》设置padding:'auto'(自动计算边框，目前仅考虑axis和legend占用的边框)2.图表绘制出来后，外部调用chart.filter()方法无效：=》再调用一次重绘图表chart.repaint();
扮老虎的猪·2020-09-15 09:07

Antv F2双柱状图和折线图的混合写法

importF2from'@antv/wx-f2';letchart=null;//数值显示在柱状图上方得自定义图形，具体参加官方apivarShape=F2.Shape;varUtil=F2.Util
xuwen@ven·2020-09-15 09:03

antv绘制曲线图折线图，把圆点置于曲线后方，点曲线样式自定义！

最近用antv在小程序绘制图表，出现一个问题，看下图，曲线显示在了小圆点上方，很不美观，需要效果入下下图，小圆点置于最上层，不要被挡住，好了问题说明白了，就来看代码：图一代码如下：chart.point
路飞爱上前端·2020-09-15 09:27

React中使用Antv G6报错invalid container解决方法

在react项目中使用antvG6的时候出现了invalidcontainer的错误，各种找解决方案以及在GitHub上找G6的项目，花费了一些时间但是没有找到解决方法，不得不吐槽一下antv官网给出的例子
qq_36560180·2020-09-15 08:07

一次activity弹出dialog 的按键事件记

ANTV平台。
muximuxi525·2020-09-14 19:16

G2折线图

angular7使用G2折线图安装依赖单折线多折线图动态数据结语安装依赖antvG2(官方资料)提供了多种安装方式,这里使用npm添加依赖npminstall@antv/g2--save当前版本3.5.2
蓝色雨点·2020-09-13 11:49

TypeScript项目的问题-第三方包报类型兼容错误

在nuxt项目中，引用了AntV包，1.0.3版本时报了这样子的错误ERRORERRORin/Users/***/Desktop/***/****/****/node_modules/@antv/g2plot
Ugine_H·2020-09-13 08:17

antV之初始G6

npminstall@antv/g6--save然后使用import或require进行引用importG6from'@antv/g6';constgraph=newG6.Gra
春上·2020-09-13 00:10

antv/G6使用记录，vue组件实现节点、边的动态增减、右键事件等功能

 antv/G6是蚂蚁金服数据可视化团队出品的一个功能完备的图可视化引擎。 
lookingForw_4585·2020-09-12 23:36

Antv G6构建流程图(修正)

AntvG6构建流程图(修正)1.在项目中进行引入G61.1使用CDN引入1.2在项目中使用npm包引入Step1:使用命令行在项目目录下执行以下命令：npminstall--save@antv/g6Step2
缘月叙文·2020-09-12 23:31

AntV-G6：画自动连线流程图

效果图安装&引用js安装和引用教程：https://g6.antv.vision/zh/docs/manual/getting-started/#%E5%AE%89%E8%A3%85--%E5%BC%95%
火山烤猪·2020-09-12 23:06

antV G6流程图在Vue中的使用

最近我司项目中需要加入流程图制作功能，于是乎百度各种找可视化绘制拓扑图的轮子，大部分都是国外的，看文档太吃力，不过好在最终让我发现了AntVG6流程图图表库，最新版为2.0，不过编辑器在2.0版本还没有进行开源，所以只能退而求其次，使用了1.2.8版本。希望2.0版本的编辑器尽早开源，在交互方面1.2.8版本还是差了一些。该组件并非开箱即食，需要根据自己的业务进行修改，右侧属性表单部分如果有时间考
weixin_34174105·2020-09-12 23:06

Vuex和antv/g6实现在线绘制分析流程图功能

流程图绘制在项目中实际是一个复杂的应用，但是因为有很多算法都是和项目中业务相关不一定符合其他小伙伴的实际应用情况并且项目存在保密机制不方便全部分享出来，所以本文章仅抽取最基础的部分简单介绍流程图创建、节点链接、节点删除、菜单操作、重新渲染、本地存储的交互。仅供有类似需求的小伙伴参考，效果图如下：具体实现的业务效果有如下几点：节点拖拽功能，节点任意链接；默认节点锚点（入点、出点）动态设置；节点、边线
良月零五·2020-09-12 23:50

AntV G6绘制简单流程图

初学AntVG6,先简单绘制个图形varUtil=G6.Util;//设置数据vardata={"source":{"nodes":[{"shape":"https://zos.alipayobjects.com/rmsportal/jcCDppNuKpWeNCDvZTbA.png","label":"文本","size":[89,76],"x":720,"y":190,"id":"6ea8aa2
纯粹无忧·2020-09-12 22:40

AntV G6流程图节点控制显示和隐藏

1、点击隐藏，控制隐藏节点4以及相关的边2、点击显示，显示节点4以及相关的边3、点击添加颜色，给指定节点4添加颜色demo如下：节点方法$('body').prepend('隐藏节点和边显示节点和边节点添加颜色')varUtil=G6.Util;//第三步：设置数据vardata={"source":{"nodes":[{"shape":"rect","label":"节点","id":"keyN
纯粹无忧·2020-09-12 22:40

antv/g6-editor的使用详解

在angular中使用@antv/g6-editor你好！这是一篇讲解怎么使用g6-editor实现一个流程调度功能的文章。
jc8189533·2020-09-12 22:42

antv/G6使用记录，实现简单vue组件的demo

 antv/G6是蚂蚁金服数据可视化团队出品的一个功能完备的图可视化引擎。 
lookingForw_4585·2020-09-12 21:20

antV G6流程图在Vue中的使用

antVG6流程图在Vue中的使用最近我司项目中需要加入流程图制作功能，于是乎百度各种找可视化绘制拓扑图的轮子，大部分都是国外的，看文档太吃力，不过好在最终让我发现了AntVG6流程图图表库，最新版为2.0，不过编辑器在2.0版本还没有进行开源，所以只能退而求其次，使用了1.2.8版本。希望2.0版本的编辑器尽早开源，在交互方面1.2.8版本还是差了一些。该组件并非开箱即食，需要根据自己的业务进行
w1366352655·2020-09-12 21:34

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

1.首先在Antv官网上找到蚂蚁AntvG6插件，引入插件。也可以npm方式引入。
qq_36659961·2020-09-12 21:06

基于antv G6 和vue 的可视化流程图编辑器

流程图包含开始，结束，工具，分支节点。详见https://www.jianshu.com/p/d4a2419df162
凯凯是坏男银·2020-09-12 21:58

vue中使用antv/g6 绘制关系图、结构图

使用antv/g6绘制关系图效果图代码实现npminstall@antv/g6--save切换数据-->//import{init,update}from'.
_freely·2020-09-12 21:18

vue+antv g6完成关系图

vue+antvg6完成关系图效果图：上代码：安装依赖：npminstall@antv/g6importG6from"@antv/g6";exportdefault{data(){return{gg:{
前端菜鸡日常·2020-09-12 21:57

使用VUE+ANTV_G6 完成流程关系图2

使用VUE+ANTV_G6完成流程关系图2安装依赖：npminstall@antv/g6importG6from"@antv/g6";exportdefault{data(){return{gg:{nodes
前端菜鸡日常·2020-09-12 21:43

【echarts/antv】解决Uncaught TypeError: Cannot read property ‘getAttribute‘ of null报错

解决"找不到图形容器"的错误一、报错二、分析原因三、解决方案方法1.使用id方法2.使用ref一、报错在vue的项目中使用echarts、antv等图表组件时，可能会出现上述报错。
Emily酱·2020-09-12 16:33

vue中简单封装antV G2图表

//id设成属性值方便多次使用，样式import{Chart}from"@antv/g2";//引入G2Char
straightwood·2020-09-10 09:51

antV G2在vue中的使用

以双折线图为例记录，最终效果图image.png安装npminstall@antv/g2--save在需要的vue文件中引入importG2from'@antv/g2';//引入G2import{Chart
straightwood·2020-09-04 13:49

踩过的坑合辑

1.在react中使用antv/g6遇到的坑描述：开发中一切正常，打包之后，打包的文件打开报错报错内容：Superexpressionmusteitherbenullorafunction解决过程：1.
Dylan_x1010·2020-08-26 08:08

图表插件https://antv.vision/zh

1、https://antv.vision/zh2、https://echarts.apache.org/zh/index.html
mxlWhb·2020-08-24 15:21

在weex里面使用chart图表

2.需要npm三个包npminstall@antv/f2-snpmins
夏天·2020-08-24 14:29

ANTV G6知识图谱可视化入门案例

目录源代码效果展示源代码先放代码，有时间再来写。。。Democonstdata={nodes:[{id:'node1',label:'刘备',type:'circle',chuohao:'刘皇叔',zi:'玄德',},{id:'node2',label:'诸葛亮',type:'circle',zi:'孔明',},{id:'node3',label:'关羽',type:'circle',zi:'云长
bruuuuuuuuno·2020-08-24 08:44

【AntV-图分析可视化】Graphin安装及介绍

1-AntV-图分析可视化Graphin安装及介绍简介官网G6Graphin安装快速上手该演示版本比较低,需要去github上安装最新的@antv/graphin当前安装版本“@antv/graphin
世界而世界·2020-08-24 01:20

项目中使用antv G6 实现节点链路之间动态效果

先看效果1下载依赖包#使用CND引入npmi@antv/g2引入项目使用在main.js中添加importG6from'@antv/g6'Vue.prototype.
走马看黄花·2020-08-23 19:58

AntV G6窗口大小自适应缩放

视口自适应::-webkit-scrollbar{display:none;}html,body{overflow:hidden;}/*Fixingiframewindow.innerHeight0issueinSafari*/document.body.clientHeight;$('#mountNode').append('autoZoom');$('#mountNode').append('
纯粹无忧·2020-08-23 11:57

Angular6 引入G2

1.下载G2包npminstall@antv/g2--save2.成功安装完成之后，即可使用import进行引用。
blog-lichuyan·2020-08-22 18:58

Angular 入门教程系列：32：统计图表G2

安装g2从版本3开始，data-set进行了分离，简单的方式可以不直接使用data-set，可以不必安装@antv/data-set，这篇文章便没有安装data-setliumiaocn:ng6demoliumiao
淼叔·2020-08-22 17:31

Angular+G2 导入G2模块报错

问题描述：在angular中使用G2做可视化展示，按照官网教程：https://g2.antv.vision/zh/docs/manual/about-g2npminstall@antv/g2import
邱浩骞·2020-08-22 16:50

Angular + G2[AntV] 01

Angular+G2[AntV]01目的步骤目的之前使用过ng-alain，发现这里面整合的G2图表不那么完全，所以自己试着单独整合Angular+G2步骤按照官网的说明：1.通过npm安装npminstall
Lance1ot·2020-08-22 16:55

ant-design-vue 按需加载遇到坑-less报错

这里分享一下：antv按需加载时，需要在babel.config.js中添加配置：plugins:[["i
jsoncode·2020-08-22 15:42

antv G6 图表-思维导图 在vue中使用

文档传送门：G6·语雀官方文档·脑图树前期工作1、下载npminstall--save@antv/g62、引入importG6from'@antv/g
杭州蘇小小·2020-08-22 15:36

玉伯的人生答案：做一个简单自由有爱的技术人

2008年加入淘宝，2012年开始在支付宝致力于设计语言AntDesign、数据可视化AntV、知识协同语雀等领域的工作。目前一心打造服务于蚂蚁金服及业界的一流技术与产品。正文：今天给大家分享的议题，
蚂蚁技术·2020-08-22 15:38

小程序跨端图表组件，开箱即用（基于Antv F2）

https://ext.dcloud.net.cn/plu...组件说明因为AntVF2官方实现只有微信原生和支付宝原生，刚好我需要使用跨端小程序组件，于是我就基于AntVF2封装了一个，基于该组件的支付宝小程序已上线，可以扫码体验下。效果图使用说明因为防止不少人踩小程序npm的坑，我已经把最新的f2、f2-context打包进js_sdk（持续更新），开箱即用。使用范例使用图表只需要一行代码//
godtail·2020-08-22 14:27

进无止境，蚂蚁金服 AntV 统计图表 G2Plot 1.0 发布

G2Plot是一个开箱即用、易于配置、体验优雅的统计图表库，致力于帮助用户以最小成本生成高质量统计图表。G2Plot最初诞生于阿里经济体BI产品真实场景的业务诉求。动态、高度不确定是BI产品和中台系统业务数据的一个普遍特征，而这种特征对统计图表的功能和体验提出了巨大的挑战。如何能够帮助报表系统和一线前端在复杂数据条件下快速高效地创建统计图表，同时保证图表在各种显示空间和数据状态下的可读性和可用性？
AntV_官方·2020-08-22 14:54

react-native 使用 F2实现折线图

前言最近工作入坑了react-native,有实现折线图的需求,使用了阿里的antv/f2可视化库。
w候人兮猗·2020-08-22 13:04

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

官方地址：https://antv.alipay.com/g2/do...Github：https://github.com/antvis2016年发布的开源库，时间虽短但库功能齐全，唯一不足的是社区太少
阁主·2020-08-22 10:26

常用前端开发组件

ui框架element-uivant-uiantui组件swiber：轮播图组件图表echa：百度家的antv：阿里家的，默认状态下比百度家的要优美一下，有移动端专用图表js组件moment：时间转换axios
我要七龙ru·2020-08-21 18:27

char f2的坑

写柱状图可以左右滑动时1.根据示例写了代码后发现没有scrollBar()interaction()方法搜索后发现需要这样写const F2 = require('@antv/f2/lib/index'
郭_某·2020-08-21 15:48

公众号 vue使用f2 总结

安装npminstall@antv/f2--save引入importF2from"@antv/f2";;htmljsthis.chart=newF2.Chart({id:this.f2id,//f2id
郭_某·2020-08-21 15:47

小程序使用 f2 总结

使用npm模块在小程序根目录中npminit初始化npminstall@antv/f2-canvas加载模块在微信开发者工具中菜单栏>工具>构建npm（要先加载模块然后再构建）在要使用图表的页面.json
郭_某·2020-08-21 15:47

在weex里面使用chart图表

2.需要npm三个包npminstall@antv/f2-snpmins
weixin_33885253·2020-08-21 06:48

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

2008年加入淘宝，2012年开始在支付宝致力于设计语言AntDesign、数据可视化AntV、知识协同语雀等领域的工作。目前一心打造服务于蚂蚁
阿里技术·2020-08-21 04:14
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他