E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
antV
antv
-x6在vue中使用:流程图demo
1、背景看过之前文章的小伙伴们都知道,暂时
antv
-x6的demo是没有vue版本的,再这里我就不多说了。
<每天一点>
·
2023-06-08 21:45
antV-X6
vue
vue.js
javascript
前端
vue使用 antvX6
安装npminstall@
antv
/x6--save代码import{Graph}from"@
antv
/x6";exportdefault{data(){return{data:{//节点nodes:[
正函数
·
2023-06-08 21:45
antvX6
vue.js
javascript
前端
antvX6
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
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
前端
html
前端
javascript
vue.js
AntV
X6的学习使用
一、AntVX6的官网网址https://x6.
antv
.antgroup.com/tutorial/getting-started二、鼠标控制显隐性移动方法一:constshowPorts=(ports
Coisini_甜柚か
·
2023-06-08 18:17
从零开始学前端
web前端
学习
javascript
前端
antv
x6 踩坑日记+屏幕适配方案
坑点基于官方模版封装的vue组件节点坑一:在点击拓扑图中触发router.push()事件无法通过this去调用,通过引入router来实现导航跳转,这个时候可能会无法携带参数,这个时候重启一下项目就好。坑二:vue组件封装的节点data属性和节点传参数的效果不一样,动态的属性,可以不用传过去,通过监听动态数值的改变来进行API的调用,修改相应节点的数值。坑三:节点事件参数中的坐标和node.po
青椒味半岛铁盒
·
2023-06-08 08:48
antvX6
vue
vue.js
javascript
前端
「
AntV
」X6开发实践:踩过的坑与解决方案
长期更新版文档请移步语雀([「
AntV
」X6开发实践:踩过的坑与解决方案(yuque.com)](https://www.yuque.com/sxd_panda/
antv
/x6))##️|如何自定义拖拽源
奔跑的前端猿
·
2023-06-07 15:00
芒种日,图新物,6月6日见
⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⚽️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️⛺️六月六日14:00
AntV
将带来一场图技术发布会这里有更优性能的图可视化引擎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.4
AntV
(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
javascript
前端
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,
antv
0使用手脚架CreateReactApp创建完成react项目1多环境2集中路由3集成antd4集成
antV
0使用手脚架CreateReactApp创建完成
滑德友
·
2023-04-11 09:56
javascript
react.js
前端
低代码(四)低代码平台前端技术组件选型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
画图
前端
javascript
html
antv
x6文档笔记一(vue2)
新增一个节点导出数据导入数据开始动画import{Graph,Vector}from"@
antv
/x6";import{insertCss}from"insert-css";exportdefault{
青椒味半岛铁盒
·
2023-04-10 19:26
css
前端
antv
x6使用笔记
基础x6是一个图引擎,多用来画多节点关系的图最重要的概念就是节点Node和边Edge节点和节点通过边链接,边从哪里出发,到哪里去,就需要连接桩,其实就是连接点可使用React和vue来自定义节点,也可以使用默认的svg节点有很多扩展插件,内置功能来实现节点的新增,删除,复制等每个节点和边都要唯一的id,节点被复制后,新节点的id也是不一样的,唯一的节点和边的父类是Cell对象,都要x和y属性,表示
胖虎6688
·
2023-04-10 19:45
javascript
前端
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
g6
前端
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
canavas
AntV
G6
使用
前端
AntV
| 蚂蚁数据可视化 G2Plot 快速入门
AntV
|G2PlotAPIAntV|G2Plot教程1、开始简介G2Plot是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成。
一个平凡de人
·
2023-04-01 07:10
web开发
前端
Charts.css 一个新的数据可视化框架,底层使用纯 CSS 实现
前言提到数据可视化框架,那可真的多的去了Echarts、
AntV
、D3等等。但是,这些数据可视化框架都有一个共性,即它们的使用都脱离不开JavaScript。
fewuliu
·
2023-03-31 09:39
其他
数据可视化
css
antv
-x6 vue流程图编辑器demo
antv
-x6vue流程图编辑器demo效果如下:效果如下:import{Graph,Shape,Addon,FunctionExt}from'@
antv
/x6';const{Stencil}=Addonconst
阿毛sd
·
2023-03-31 05:32
antv
javascript
vue
业务流程测试
个人实习面经——腾讯(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
Docker
docker
ubuntu
vue2.6+ant-design-vue1.7.3 升级 Vue3.0.11 + antd-vue2.1.2
起因:最近要搭建一个项目,由于之前在极客时间买过唐金州老师的课,所以技术选型为vue+antdv,但是课程中用的版本为vue2.x+
antv
1.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
vue.js
javascript
前端
CSS 垂直居中的七种方法——史上最详细总结
博主目前在蚂蚁集团-体验技术部,
AntV
/S2是博主所在团队的开源项目——多维交叉分析表格,欢迎使用,感谢到S2github仓库点赞star,有任何关于前端面试、就业、技术问题都可给在文章后留言。
挪威森霖
·
2023-02-03 10:44
前端
前端面试
css
html
前端
vue+echarts数据可视化大屏开发--小白基础入门篇(react中同理)
数据可视化开发相关图表库与echarts官方文档类似的图表库还有highchart官方文档和
antv
官方文档等等要说这些图表库如何选型,其实这点大可不必纠结,萝卜青菜各有所爱,可以说这些都有自己的有点,
你好!YOYO
·
2023-02-01 16:58
vue
可视化
echarts
大数据
AntV
结合Vue实现导出图片功能
一、业务场景:
AntV
组织图操作完毕以后,需要点击按钮将画布以图片的形式导出二、问题描述:官网上有4个方法,我用的是graph.toFullDataURL(callback,type,imageConfig
打小就霸
·
2023-02-01 16:57
AntV
G6
使用
vue.js
javascript
前端
一些前端相关网站
iviewhttps://iview.github.io/docs/guide/install4.Elementhttps://element.eleme.io/#/zh-CN5.F2https://f2.
antv
.vision
GaoXiaoGao
·
2023-01-31 11:16
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他