✿✿--antV

AntV结合Vue实现导出图片功能

一、业务场景：AntV组织图操作完毕以后，需要点击按钮将画布以图片的形式导出二、问题描述：官网上有4个方法，我用的是graph.toFullDataURL(callback,type,imageConfig
打小就霸·2023-02-01 16:57

一些前端相关网站

iviewhttps://iview.github.io/docs/guide/install4.Elementhttps://element.eleme.io/#/zh-CN5.F2https://f2.antv.vision
GaoXiaoGao·2023-01-31 11:16

蚂蚁可视化图表AntV day5

image.png进入AntV官网后，我们选择G2。
zheng_zq·2023-01-29 19:03

在Nuxt中使用Antv-G2plot

在自己的项目中用到了图表，虽然Echarts很火但是......默认样式比较丑，所以选择了阿里的图表库Antv的G2plot组件。
CafuChino·2023-01-28 03:39

【JS】web端图表,数据可视化

ECharts百度系话不多说，对于使用的web框架没有啥要求可选canvas和svg开源，阿帕奇2.0,可商用AntV/BizCharts阿里系的，如果项目是react的会比较舒服MITsvgG2*上面说的
Draven_Lu·2023-01-27 07:34

2020年链家网成都二手房销售情况可视化总结

功课前端框架：pythonweb微框架——flask，https://dormousehole.readthedocs.io/en/latest/#pythonweb应用框架——Django可视化引擎：蚂蚁金服AntV
JayeJOJO·2023-01-18 01:03

不能错过的六大在线画图网站

图表网站列表：1.Highcharts2.online.visual-paradigm3.everviz4.echarts5.AntV6.fooplot1.HighchartsHighcharts：https
Dymc·2023-01-17 07:18

Echarts 基本使用

端评价最高的Javascript可视化工具库(入手难)ECharts.js百度出品的一个开源Javascript数据可视化库Highcharts.js国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV
山海之屿·2023-01-13 15:18

ECharts基本使用

端评价最高的Javascript可视化工具库(入手难)ECharts.js百度出品的一个开源Javascript数据可视化库Highcharts.js国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV
十八岁讨厌编程·2023-01-13 15:39

NodeJs+Vue+Element UI+Antd+Antv全栈开发可视化后台管理系统之一：搭建前端框架

文章目录简介安装@vue/cli脚手架快速上手运行程序参考资料简介全栈开发可视化后台管理系统，包括前端界面和后端服务。开发框架：NodeJs(Express)+Vue+ElementUI+Antd+AntvNode.js:Node.js是一个基于ChromeV8引擎的Javascript运行环境。Node.js诞生以后，前端大爆发，类似React/Vuejs这样的前端框架的开发环境变得非常强大，N
Darren.P·2023-01-12 12:33

前端Echarts数据可视化

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

vue+x6 ER 图对象模型

对象模型新增、编辑、删除2、模型字段新增、编辑、删除3、模型关系新增、编辑、删除4、点击事件添加工具及选中样式5、拖拽移动6、属性的展示与隐藏7、模型复制创建拖拽画布import{Addon}from'@antv
·2023-01-03 15:40

AntV G6 的坑之——从卡掉渣到满帧需要几步

任何问题可在GitHubIssue中提问，求GitHubStar⭐️https://github.com/antvis/g6原文链接：http://g6.antv.antgroup.com/m...简介在面对复杂数据的图可视分析
·2022-12-30 10:27

AntV G6 的坑之——渲染残留/残影

任何问题可在GitHubIssue中提问，求GitHubStar⭐️https://github.com/antvis/g6原文链接：https://g6.antv.antgroup.com/...G64
·2022-12-30 10:22

AntV G6 的坑之——从卡掉渣到满帧需要几步

任何问题可在GitHubIssue中提问，求GitHubStar⭐️https://github.com/antvis/g6原文链接：http://g6.antv.antgroup.com/m...简介在面对复杂数据的图可视分析
·2022-12-30 10:22

antV的X6使用

一、简介数据驱动的图形编辑引擎，以流程图展示关系流程，支持拖拽二、基础使用所有图表示例1.实现一个最简易的Graph⑴.安装#npm$npminstall@antv/x6--save#yarn$yarnadd
后海 0_o·2022-12-30 05:59

Vue React大屏可视化进阶

div`图表容器2.编写图表绘制代码3.示例图形4.代码示例2.G2Plot安装快速上手3.S2安装1.npm|yarn安装2.使用React或Vue3版本4.G6安装5.X66.L77.F2总结前言AntV
李 元 芳·2022-12-28 16:19

vue + antv g6实现拓扑图（用来做数据血缘展示业务）

antvg6使用官方文档具体使用业务需求主要问题完整代码官方文档官方文档链接（看完之后的感觉是我懂了，但没完全懂。）具体使用业务需求做数据血缘，大概类似做ER图吧，一开始想使用echarts拓扑图来做，但是echarts有个定位问题一直没弄明白，找不到办法解决，echarts的节点需要自定义位置，但是我们是动态数据，且力引导算法不满足业务需求，所以最后选择了antvg6。主要问题1、需要自定义节点
O3ohn·2022-12-28 16:43

antv g2plot可视化图表在vue中的使用之三：图表皮肤主题theme配置

修改图表皮肤主题theme以折线图为例，原始代码为//src/views/Line.vueimport{Line}from'@antv/g2plot'exportdefault{
Darren.P·2022-12-26 17:27

蚂蚁开源，又一超棒的 Python 开源可视化库

文章目录PyG2Plot可视化技术交流自己动手，丰衣足食参数解析&完整代码参数解释参数解释参数解释参数解释PyG2Plot可视化这个Python可视化新秀，在GitHub上是这样介绍的：PyG2Plot是@AntV
Python数据开发·2022-12-25 06:29

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