antv

AntV G6 的坑之—— fitView 适配失败

任何问题可在GitHubIssue中提问，求GitHubStar⭐️https://github.com/antvis/g6原文链接：https://g6.antv.antgroup.com/...为什么明明在图实例上配置了
·2022-12-20 17:12

Antv G6 拖拽生成节点

本文简介点赞+关注+收藏=学会了AntVG6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。本文主要讲解使用AntVG6实现拖拽生成节点的功能，如下图所示。本文使用Vue3做基础框架，配合G6实现上图效果。分析在动手编码之前需要先对使用场景做一个分析。需要考虑的情景1、画布可能不是全屏的在真实项目中，使用G6做的拓扑图，画布有可能不是全屏的，很大可能有左侧导航栏、
·2022-12-19 23:17

Antv G6 拖拽生成节点

本文简介点赞+关注+收藏=学会了AntVG6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。本文主要讲解使用AntVG6实现拖拽生成节点的功能，如下图所示。本文使用Vue3做基础框架，配合G6实现上图效果。分析在动手编码之前需要先对使用场景做一个分析。需要考虑的情景1、画布可能不是全屏的在真实项目中，使用G6做的拓扑图，画布有可能不是全屏的，很大可能有左侧导航栏、
·2022-12-19 23:17

echartjs实现cross十星辅助线实现示例详解

但图表库使用的是echart而不是antv的f2，要问为什么不直接用f2？问就是因为项目历史包袱。
·2022-12-13 20:52

【Python】吊打pyecharts，又一超级棒的开源可视化库

再说PyG2Plot，它是@AntV/G2Plot在Python3上的封装，并且在数据结构上，完全不做任何二次封装，所以
风度78·2022-11-28 15:56

Antv | G2-Plot图表在vue项目中的使用

什么是G2-PlotG2Plot是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库，基于图形语法理论搭建而成，"G2Plot"中的G2即意指图形语法(theGrammaofGraphics)，同时也致敬了ggplot2。（详情可查看g2官网。）G2图表、Echarts图表都是我们在vue项目中视图化很好表现的形式，因此利用好图表对视图和模型数据进行连接，能够很好的进行数据分析和数据表达。G
星野寄月·2022-11-25 15:12

SQL数据集支持数据参考功能，新增飞书、钉钉、企业微信平台接入支持，DataEase开源数据可视化分析平台v1.15.0发布

DataEase对数据源和数据集两个板块的交互进行了全面优化；数据集方面，SQL数据集新增数据参考功能，在编写SQL语句时可方便地查询数据表的结构；视图方面，辅助线支持设置动态值，堆叠项支持自定义排序，AntV
FIT2CLOUD飞致云·2022-11-07 11:24

新增分组柱状图，DataEase开源数据可视化分析平台v1.14.0发布

在这一版本中，DataEase首页设计全新升级，用户可以在首页上更直观地查看到快速入门、在线文档、教学视频等信息；数据集方面，SQL数据集参数化支持子查询，并且对查询SQL的传输进行了相应的加密处理；视图方面，AntV
FIT2CLOUD·2022-11-07 11:52

csm移动端h5用什么样的视觉方案？

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

拖拽标签到图表中 借助vue.draggable和antvX6

参考网址vue.draggablevue3官网：https://www.itxst.com/vue-draggable-next/tutorial.htmlantvX6实现图表功能https://x6.antv.vision
zZ_d205·2022-10-13 17:23

antv-x6_工作流_节点_增加元素删除按钮2022-09-15

效果//画布绑定监听事件graphOnEvent(){//控制连接桩显示/隐藏constshowPorts=(ports,show)=>{for(leti=0,len=ports.length;i{if(cell.isNode()){cell.addTools([{name:'boundary',args:{attrs:{fill:'#7c68fc',stroke:'#333','stroke-w
夏树的宝马·2022-09-21 09:07

Antv | 蚂蚁数据可视化API应用

HTML5图表API应用学习1.浏览器中使用方法2.项目中使用方法G2Plot是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库，基于图形语法理论搭建而成，"G2Plot"中的G2即意指图形语法(theGrammaofGraphics)，同时也致敬了ggplot2。应用图表可以让我们在前端开发中页面更加丰富多彩，可以帮助我们更加直观地展现数据，是前端工程师的必备技能之一。1.浏览器中使用方
Richeneen .·2022-09-09 17:43

ChartCube - 图表魔方：阿里出品的免费在线图表制作工具，简单好用还漂亮

关于ChartCube图表魔方ChartCube中文名也叫图表魔方，是阿里巴巴数据可视化团队（AntV）出品的在线图表制作工具，让我们通过简单几步就能够制作出专业美观的柱状图/雷达图/饼图等数据图表，亲测非常好用
那些免费的砖·2022-09-03 08:43

使用antv替代Echarts实现数据可视化图表详解

目录前言面积图常用参数文档图表度量scale提示tooltip坐标系axischart.line(options)chart.area(options)geom.position()geom.color()geom.shape()柱状图数据标签labelchart.coordinate()chart.interval(options)地图地图容器配置项map地图等级viewLevel小结前言技术永
·2022-08-31 09:23

G6-graph快速入门

1快速上手1.1在项目中使用npm包引入Step1:使用命令行在项目目录下执行以下命令npminstall--save@antv/g6Step2:在需要用的G6的JS文件中导入importG6from'
·2022-08-24 15:21

前端常用网站及论坛集锦

www.chartjs.org中文网：http://chartjs.cnECharts（百度）官网：https://echarts.baidu.comAntV（阿里蚂蚁数据可视化）官网：https://antv.alipay.com
SimminonGarcia·2022-07-29 12:25

vue封装x6为原生组件

antv-x6-vuegithub地址：antv-x6-vue核心思想由于x6主要面向编辑场景，所以对每一个节点有更多的交互逻辑。所以，将x6的Shape抽象成组件，每一个组件负责管理自己的生命周期。
·2022-07-08 00:19

xflow流程可视化-项目搭建

本系列主要讲述一个自定义流程可视化功能的开发，使用AntDesignPro作为脚手架，AntV/xflow作为可视化开发框架，定制自定义节点，对节点及连线添加自定义属性，使用formliy生成自定义表单对节点属性进行编辑
·2022-07-07 14:03

antv/x6 port显示标签的两种方式

有三种方式，前两种借助了portMarkup，运用上会一些麻烦，两种方法的共有步骤如下：//创建节点的时候都需要加上portMarkup属性letnode=graph.createNode({shape:data.shape,data:data.data,portMarkup:[Markup.getForeignObjectMarkup()],attrs:{body:{fillOpacity:"0
一只鱼_d589·2022-06-10 16:43

吊打pyecharts，又一超级棒的开源可视化库

再说PyG2Plot，它是@AntV/G2Plot在Python3上的封装，并且在数据结构上，完全不做任何二次封装，所以配置文档上
Python数据挖掘·2022-05-19 15:15

Antv/S2 基于Canvas的高性能多维分析表格

导读表，是日常生活工作中被广泛使用的图表之一，说到它的起源大概要从结绳记事，易货交易说起。那时为了交易计算方便，人们就开始拿根小木棍在地上画画写写，渐渐地开始有了最雏形的统计表格。图1：结绳记事从记录一维数据的统计表格到两维（两个变量）、直至多维（多个变量)的表格，逐渐承载着用户多维世界的思考，它们提供了多个变量之间相互关系的基本画面，帮助人们发现大数据之间的相互作用，进而进行深入的交叉探索分析，
·2022-05-17 18:20

anvt / X6 参数配置

一、需要安装的依赖npmielement-ui-S"@antv/layout":"^0.2.0","@antv/x6":"^1.1.1","vue":"^2.5.2",二、代码放大缩小导入导出自动布局import
土豆他爹_ca4b·2022-05-17 16:33

采用前后端分离实现支付宝基金自选管理系统

使用到的组件包括：后端组件：SpringBoot2.4.1,Mysql8.0.24,Swagger,Mybatis-plus；后端组件：Vue2.6，Axios，AntV，md5。
佳瑞Jarrett·2022-05-14 21:59

vue-echarts如何实现图表组件封装详解

常用的有Echarts、AntV，使用起来都大同小异，具体图表如何实现，看官网参数进行配置调整即可。怎么封装？以Echarts为例，效果截图安装依赖，安装vue-echarts需要安装e
·2022-05-14 17:58

React中使用AntV G6

官网⚡️AntVG6的引入项目中使用npm对包引入npminstall--save@antv/g6重新载入依赖yarninstall在需要使用到G6的js文件中引入G6importG6from'@antv
·2022-05-06 16:00

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

目录vue阿里的G2图表-antv+折线图实现效果实现步骤antvg2柱状图与折线图混合使用这是数据这是组件vue阿里的G2图表-antv+折线图之前使用的图表是echarts+highcharts两个常用图表的
·2022-04-28 11:57

vue2中使用AntV 以g2plot为实例

目录使用AntV以g2plot为例效果代码AntVg2的简单运用安装语法介绍使用AntV以g2plot为例效果代码nmp导入：npminstall@antv/g2plot代码：               
·2022-04-28 11:55

vue结合AntV G2的使用踩坑记录

目录vue结合AntVG2使用踩坑AntV-G2语法总结目的第一步语法基础第二步设置坐标轴的外观与度量第二步创建viewvue结合AntVG2使用踩坑官网使用importG2from'@antv/g2'
·2022-04-28 11:40

在vue中如何封装G2图表

目录vue封装G2图表vue引入G2图表线上示例特性介绍一下在vue中使用G2vue封装G2图表  importG2from'@antv/g2'import{DataSet}from'@antv/data-set'exportdefault
·2022-04-28 11:37

Taro 使用 最新 F2 4.x 版本图表

1.安装依赖npmi@antv/f2--save#微信小程序npmi@antv/f2-wx--save2.拷贝组件将微信工具包(@antv/f2-wx)，拷贝出来，到src/components下面。
·2022-04-20 10:00

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
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他