ANTV

@antv/g2plot 特殊 散点图 x轴为category 调整了legend 的marker

下面代码演示了如何使用antv/g2plot创建一个散点图，并对其进行基本的样式和布局配置。具体来说，代码中的data数组定义了散点图的数据系列，每个数据对象包含了分类、值和y轴字段三个属性。
拿我格子衫来·2023-06-13 16:36

可视化—AntV G6实现节点连线及展开收缩分组

AntV是蚂蚁金服全新一代数据可视化解决方案，主要包含数据驱动的高交互可视化图形语法G2，专注解决流程与关系分析的图表库G6、适于对性能、体积、扩展性要求严苛的场景。
Echoyya、·2023-06-11 15:41

antv-x6在vue中使用：流程图demo

1、背景看过之前文章的小伙伴们都知道，暂时antv-x6的demo是没有vue版本的，再这里我就不多说了。
<每天一点>·2023-06-08 21:45

vue使用 antvX6

安装npminstall@antv/x6--save代码import{Graph}from"@antv/x6";exportdefault{data(){return{data:{//节点nodes:[
正函数　·2023-06-08 21:45

antv-x6在vue中使用：快速上手测试

1、官方文档：https://antv-x6.gitee.io/zh/docs/tutorial/getting-started2、demoimport{Graph}from'@antv/x6';constdata
<每天一点>·2023-06-08 21:15

antv x6自定义节点(使用vue渲染节点）

1、安装@antv/x6-vue-shape#npmnpminstall@antv/x6-vue-shape#yarnyarnadd@antv/x6-vue-shape#在vue2下还需要安装@vue/
web18296061989·2023-06-08 21:14

AntV X6的学习使用

一、AntVX6的官网网址https://x6.antv.antgroup.com/tutorial/getting-started二、鼠标控制显隐性移动方法一：constshowPorts=(ports
Coisini_甜柚か·2023-06-08 18:17

antv x6 踩坑日记+屏幕适配方案

坑点基于官方模版封装的vue组件节点坑一：在点击拓扑图中触发router.push()事件无法通过this去调用，通过引入router来实现导航跳转，这个时候可能会无法携带参数，这个时候重启一下项目就好。坑二：vue组件封装的节点data属性和节点传参数的效果不一样，动态的属性，可以不用传过去，通过监听动态数值的改变来进行API的调用，修改相应节点的数值。坑三：节点事件参数中的坐标和node.po
青椒味半岛铁盒·2023-06-08 08:48

「AntV」X6开发实践：踩过的坑与解决方案

长期更新版文档请移步语雀([「AntV」X6开发实践：踩过的坑与解决方案(yuque.com)](https://www.yuque.com/sxd_panda/antv/x6))##️|如何自定义拖拽源
奔跑的前端猿·2023-06-07 15:00

芒种日，图新物，6月6日见

⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️六月六日14:00AntV将带来一场图技术发布会这里有更优性能的图可视化引擎G65.0全新改版的图可视分析平台G6VP2.0
·2023-06-06 22:31

Web百度离线地图开发

试过antvl7和echart，由于没有离线数据的原因不能满足需求（百度的世界地图的离线js不能缩放到城市级别，antv即便用了MapBox也会去调用amap的js）。
玏佾·2023-04-21 04:58

antV遇到的坑

项目中多多少少会遇到需要画图画表echarts用的比较多，最近接触的antV，实现上和echarts差不多，但是原理和配置还是相差挺大的1.antV的横纵坐标不支持同名解决办法就是：用id做区分，在label
有一个程序媛·2023-04-20 07:44

VUE-ORGCHART部分功能封装

PS:这玩意是收费的，后面换antv-G6使用了仅按自身需求做了简单的封装操作，继承ana模板，修改了node样式和大小，去除了img显示使用tag动态标记不同类型的node边框样式向父组件暴露需求使用到的方法
battle_·2023-04-17 23:33

2018年1月

1.4AntV(Tree)(eCharts)使用过程出现的问题1.更新数据时，会再次出现一个画布进行渲染，此时需要使用this.tree.destroy()销毁上一次的画布;2.初始化树状图时，发现不符合代码的渲染逻辑
Rioo丶·2023-04-16 15:17

React下使用antv/g6实现树图/流程图

2、选择选择很重要，花了两天时间对比了echarts、antv里的G2、G6，甚至还翻翻了D3。这个过程有点烦，先是尝试echarts里的关系图，毕竟是大厂出来的，API文档还是挺全乎的，也易懂。
职业蜜探·2023-04-16 09:43

将ant design pro打包的JS分离出去

externals:{'react':'window.React','react-dom':'window.ReactDOM',//'bizcharts':'window.BizCharts',//'@antv
猜测7·2023-04-14 00:09

G6开发树图时，通过虚拟列表自定义滚动表格节点

背景最近用Antv-g6做树图开发时，需要做滚动的表格，查了g6的文档，发现没有滚动，只能自己来做了。主要思路是，监听鼠标滚轮，判断当前鼠标是否在表格节点位置，然后不断截取数组，然后更新当前节点。
叶的第七章·2023-04-13 04:57

流程图组件g6自定义图项更新时的小坑

g6自定义节点的方式如下教程所示：https://g6.antv.vision/zh/docs/manual/middle/elements/nodes/c
lain_one·2023-04-12 20:05

第三章 实践项目4 在vue中使用echarts，antv等第三方库

1，首先npminstallecharts新建echarts文件夹在vue中，获取dom元素的方法，使用ref，而不是官网原本的document.getElementById();这种方式image.pngimage.png2，通过打断点可以知道，当echarts在插入时样式可能还没有加载完成，所以在插入echarts时会有布局问题，解决方式：第一种：延迟echarts的加载，第二种方式添加监听e
DOGirl·2023-04-11 18:33

创建react5.0项目多环境，集中路由，集成antd，集成antV

创建react5.0项目并集成antd，antv0使用手脚架CreateReactApp创建完成react项目1多环境2集中路由3集成antd4集成antV0使用手脚架CreateReactApp创建完成
滑德友·2023-04-11 09:56

低代码（四）低代码平台前端技术组件选型2.0

AntV数据可视化组件AntV是一个数据可视化项目，也是一个团队，蚂蚁金服数据可视化团队，一群有爱有梦的人，怀揣「让人们在数据世界里获得视觉化思考能力」的梦想前行，希望成就智能时代全球领先的数据可视化解决方案
飞天代码·2023-04-10 22:35

antv x6小

//初始化接触图constgraph=newX6.Graph({container:document.getElementById('chart'),//width:800,//height:$('#container').height()-10,//grid:true,background:{color:'translate',//设置画布背景颜色},interacting:{nodeMovab
不宅的程序园·2023-04-10 19:31

antv x6文档笔记一（vue2）

新增一个节点导出数据导入数据开始动画import{Graph,Vector}from"@antv/x6";import{insertCss}from"insert-css";exportdefault{
青椒味半岛铁盒·2023-04-10 19:26

antv x6使用笔记

基础x6是一个图引擎，多用来画多节点关系的图最重要的概念就是节点Node和边Edge节点和节点通过边链接，边从哪里出发，到哪里去，就需要连接桩，其实就是连接点可使用React和vue来自定义节点,也可以使用默认的svg节点有很多扩展插件，内置功能来实现节点的新增，删除，复制等每个节点和边都要唯一的id，节点被复制后，新节点的id也是不一样的，唯一的节点和边的父类是Cell对象，都要x和y属性，表示
胖虎6688·2023-04-10 19:45

antv G6 combo的自定义连接点，连接点连接变化

在G6API搜索，如下：例子如下，写法再补充一个就是g6可以改变node、edge、combo的优先级，具体的去官网查一下就好toBack是降低，toFront是升高优先级
小白白呐·2023-04-10 15:03

会用这些的api，轻松绘制流程图（antv/g6流程图入门）

g6的api使用常用graph属性和方法graph属性containerheightwidthmodesgraph方法初始化数据data(data)节点和边的增删改查add(type,model)addItem(type,model,stack)remove(node/edge)removeItem(item,stack)update(node/edge,nodeModel/edgeModel)u
Young soul2·2023-04-09 05:54

echarts 小程序使用

思考问题：1.自己写肯定不行，canvas花半天得，还有交互什么的，pass2.echarts是大家都知道的，另外还有蚂蚁出的antV，有专门针对移动端的。
朝_5e5d·2023-04-09 04:09

蚂蚁金服 AntV G2 4.0 正式版发布！

1.jpegG2是一套面向常规统计图表，以数据驱动的高交互可视化图形语法。经历了为期半年的大规模底层重构和开发迭代，G24.0终于和大家见面了。作为继2017年11月22日G23.0正式开源发布以来G2的第二次大版本发布，4.0版本仍坚守着『打造数据驱动的高交互图形语法』的初心，在图形语法的基础上，新增了交互语法，同时在产品的功能、体验、易用性和灵活性等各个方面进行了全面提升。全新的4.0首先欢迎
dxq_7120·2023-04-04 02:17

AntV G6 组织图使用（后端渲染数据）

业务场景：点击按钮，跳转页面并显示该数据的组织架构图（类似于粒子效果）二、问题描述：初始写死的数据能显示，但是从接口请求到的数据赋上值渲染不了三、具体实现步骤：（1）下载npminstall--save@antv
打小就霸·2023-04-02 06:27

AntV | 蚂蚁数据可视化 G2Plot 快速入门

AntV|G2PlotAPIAntV|G2Plot教程1、开始简介G2Plot是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库，基于图形语法理论搭建而成。
一个平凡de人·2023-04-01 07:10

Charts.css 一个新的数据可视化框架，底层使用纯 CSS 实现

前言提到数据可视化框架，那可真的多的去了Echarts、AntV、D3等等。但是，这些数据可视化框架都有一个共性，即它们的使用都脱离不开JavaScript。
fewuliu·2023-03-31 09:39

antv-x6 vue流程图编辑器demo

antv-x6vue流程图编辑器demo效果如下：效果如下：import{Graph,Shape,Addon,FunctionExt}from'@antv/x6';const{Stencil}=Addonconst
阿毛sd·2023-03-31 05:32

个人实习面经——腾讯（CSIG）

博主目前在蚂蚁集团-体验技术部，AntV/S2是博主所在团队的开源项目——多维交叉分析表格，欢迎使用，感谢到S2github仓库点赞star，有任何关于前端面试、就业、技术问题都可给在文章后留言。
挪威森霖·2023-03-30 08:06

前端精选周刊第五期

玉伯2008年加入阿里，在这期间，他和团队一起折腾过KISSY、SeaJS、AntDesign、AntV等开源项目，现在我们都喜欢用的语雀也是他团队的产品。
payne_pf·2023-03-26 23:02

uni-app开发钉钉小程序 引入my-f2

官方提供的使用方式F2的支付宝小程序版本：https://github.com/antvis/my-f2项目中安装F2npminstall@antv/my-f2--save使用json文件，引入组件{"
一恋蝶梦·2023-03-25 23:17

antdv-x6 1.3X版本相关知识汇总

二、知识要点1、简介X6是AntV旗下的图编辑引擎，提供了一系列开箱即用的交互组件和简单易用的节点定制能力，方便我们快速搭建流程图、DAG图、ER图等图应用。
花影_62b4·2023-03-21 18:57

JS+Antv G2制作疫情地图

历经千辛万苦，终于把这地图给做出来了，但是。。。emm，很丑，有很多需要优化的地方，这个地图一开始一直在antvL7的实例中找，没有找到，经过查找资料，参考这篇博客才顿悟，原来可以获取中国地图的数据，做一个图表，以下是我的思路：htmlcss,g2-tooltip和g2-tooltip-list是官网复制的样式，是当鼠标滑过是显示的div的样式.labelclass{width:50px;heig
skydot·2023-03-21 15:53

react+antv实现简易版脑图编辑器

目前功能初版编辑器：点击编辑按钮，进入编辑模式，选择节点更改字体颜色更改字体大小添加子节点添加同级节点（根节点无法添加同级节点）按Bachspace(删除按钮)可删除节点及其子节点(根节点无法删除)布局变更不需要进入编辑模式退出编辑模式，可以拖动、缩放画布代码库地址简易脑图代码库效果图在这里插入图片描述
檃_·2023-03-20 16:02

vue+eacharts 折线圆点 拖拽

此处代码为封装子组件，直接在父组件引用即可import{DataSet}from'@antv/data-set'import$echartsfrom'echarts'exportdefault{name
Lhysea·2023-03-18 22:19

AntV-G2 日常小笔记

image.pngAntVG2官方文档为什么选择AntVG2呢？我自己之前也用过Echarts,毕竟是老油条的图表库了，但是内容真的太多了，而且每次的opation设置都一大堆，而且需要把后端返回的数据处理好后塞到对应的xAxisseriesdata里面。当然还有对应的tooltip，如果我想同时取到x,y轴或者其他的数据，很难用formatter去拿到(也可能是我太菜，不知道其他方法吧)，我也是
誰在花里胡哨·2023-03-17 01:51

antV使用快速上手

1.antV的引入方式2.使用前的基本要素3.使用的注意点引入方式image.pngimage.png2.npminstall@antv/g2--save----importG2from'@antv/g2
9d0edee7bcb0·2023-03-11 02:25

Docker 使用超详细（入门级）

博主目前在蚂蚁集团-体验技术部，AntV/S2是博主所在团队的开源项目——多维交叉分析表格，欢迎使用，感谢到S2github仓库点赞star，有任何关于前端面试、就业、技术问题都可给在文章后留言。
挪威森霖·2023-02-28 06:03

vue2.6+ant-design-vue1.7.3 升级 Vue3.0.11 + antd-vue2.1.2

起因：最近要搭建一个项目，由于之前在极客时间买过唐金州老师的课，所以技术选型为vue+antdv,但是课程中用的版本为vue2.x+antv1.x版本，所以想搞下升级踩了一些坑,记录一下哈哈网上搜出很多
wangxu4980347·2023-02-24 12:49

React 中使用 AntV G6

G6V3.1.0.Github:https://github.com/antvis/g6概述G6是一个纯JS库，不与任何框架耦合，也就是可以在任何前端框架中使用，如React、Vue、Angular等。由于我们内部绝大多数都是基于React技术栈的，所以我们也仅提供一个G6在React中使用的Demo。在React中使用G6，和在HTML中使用基本相同，唯一比较关键的区分就是在实例化Graph时，
kopiluwaky·2023-02-17 04:08

AntV G2 自定义 饼图，折线图

使用g2饼图，折线图你需要有以下几个步骤：1.根据官方教程，npminstall@antv/g22.引入import{Chart}from'@antv/g2'3
敲代码的姑娘·2023-02-05 09:23

VUE-CLI + AntV G6 兼容IE11

https://g6.antv.vision/zh/docs/manual/FAQ/supportIE但我实践下来，有点问题。
cinoliu·2023-02-05 03:30

react-native 使用 F2实现折线图

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

Vue3使用G6基础

记录下来官网讲的就很好了，建议去认真读读手册就会用了这里总结的更精简和直观，需要的小伙伴可以看看目前还是一些比较基础的操作，后面用的深入了还会更新一.安装和引入npm安装npminstall--save@antv
RedGhost117·2023-02-03 16:25

CSS 垂直居中的七种方法——史上最详细总结

博主目前在蚂蚁集团-体验技术部，AntV/S2是博主所在团队的开源项目——多维交叉分析表格，欢迎使用，感谢到S2github仓库点赞star，有任何关于前端面试、就业、技术问题都可给在文章后留言。
挪威森霖·2023-02-03 10:44

vue+echarts数据可视化大屏开发--小白基础入门篇(react中同理)

数据可视化开发相关图表库与echarts官方文档类似的图表库还有highchart官方文档和antv官方文档等等要说这些图表库如何选型，其实这点大可不必纠结，萝卜青菜各有所爱，可以说这些都有自己的有点，
你好！YOYO·2023-02-01 16:58
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他