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
G6 初入门(react中的使用)
二.使用步骤(1).下载npminstall--save@
antv
/g6(2).在js文件中引入importG6fro
噢,我明白了
·
2023-10-24 18:47
react
图像
javascript
前端
G6
AntV
react.js
Antv
G6入门之旅--combo图
目录什么是AntVG6G6的特性G6文档安装1在项目中使用NPM包引入2在HTML中使用CDN引入使用Step1创建容器Step2数据准备Step3创建关系图Step4配置数据源,渲染React中使用G6Combo图什么是AntVG6G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明,简单。让用户获得关系数据的Insight,为数据科学家和开发
Leviash
·
2023-10-24 18:17
前端
前端
数据可视化
anti-design-vue
前端框架
javascript
1024程序员节
Vue2.0+AntvX6—基类Cell
Edge、Circle等,这些图形最终都有共同的基类Cell,定义了节点和边共同属性和方法,一、Shape的基本用法方法一:step1:引入shapeimport{Graph,Shape}from'@
antv
molly cheung
·
2023-10-23 00:44
antv-x6
vue
javascript
开发语言
ecmascript
vue.js
前端
前端学习收集的前端组件整理(持续更新)
1.G2可视化引擎https://g2.
antv
.vision/zh2.Vant是有赞前端团队开源的移动端组件库https://youzan.github.io/vant/?
Peter is coming
·
2023-10-21 17:48
前端
大前端
AntV
G6 dom节点绑定事件问题
监听不到dom节点里面对应事件比如dom节点里面自定义按钮和输入框,需要监听按钮点击和输入框聚焦事件效果如下:对应代码:import{onMounted}from'vue'importG6from'@
antv
zhou13528482267
·
2023-10-19 13:37
前端
javascript
antVG6
【
AntV
】canvas表格s2完全封装手册
前言由于我们业务中有很多地方需要有纵向复制,刷选等操作,一般的传统表格并不支持。目前支持度较好的葡萄城表格与handsontable都需要收费,而s2作为一款轻量级开源表单较为符合我们的需求,但是由于s2仍然不够成熟,有非常多的功能需要自定义。我在公司对s2做了大量封装,对里面代码基本上算比较熟悉了。本篇结合我们业务中的需求,带大家看看s2可以做到什么地步,需要进行怎样的改动。引入方式与注意点传统
业火之理
·
2023-10-16 17:17
javascript
前端
蚂蚁金服_F2图表
使用场景:h5端需要图表数据较多需要图表平移遇到的问题引入手势滑动组件浏览器报错'interaction'isnotafunction问题代码constF2=require('@
antv
/f2')require
鱼和熊掌我都有
·
2023-10-16 05:03
git 常用操作总结——基于Gitlab
博主目前在蚂蚁集团-体验技术部,
AntV
/S2是博主所在团队的开源项目——多维交叉分析表格,欢迎使用,感谢到S2github仓库点赞star,有任何关于前端面试、就业、技术问题都可给在文章后留言。
挪威森霖
·
2023-10-14 08:03
Git
前端面试
前端
git
gitlab
前端
面试
vue3
antv
静态登录页面
效果图-->获取验证码自动登录忘记密码登录其他登录方式注册账户import{UserOutlined,LockOutlined,MobileOutlined,MailOutlined}from'@ant-design/icons-vue';import{reactive,ref,onMounted}from"vue";constformState=reactive({account:"",pass
战斗中的老段
·
2023-10-09 20:16
Vue3企业项目任务协同管理
vue.js
javascript
前端
Antv
/s2 明细表 透视表实现和性能优化(一)
前言以我实际项目环境为准,vue+ts为技术框架,代码如果有什么不懂欢迎留言评论我会回复的透视表定义文件classPivotTableControlextendsBaseControl{type='pivotTable';label='controls.chart.pivotTable';icon='tc-color-pivot-table';widget=()=>({...super.widge
AI3D_WebEngineer
·
2023-10-08 19:22
三叠云项目
前端
javascript
vue.js
使用
antv
/g6在Vue中实现流程图
使用
antv
/g6在Vue中实现流程图,前面还用过bpmn插件,效果没有这个好1.在项目中使用NPM包引入npminstall--save@
antv
/g62.在需要用的G6的JS文件中导入:importG6from
ssy001128
·
2023-10-07 00:31
vue相关知识
css
html
javascript
【VUE3+
AntV
-G2】数据可视化 封装
antv
G2 气泡图组件
事发背景原型绘制了需要同时展示多个指标的数据气泡图,想到可以使用
antv
的气泡图刚好契合,但是官方文档写的未免过于简洁,遂记录之。
腌肉要轻轻拍打
·
2023-10-06 12:19
ANTV
信息可视化
vue.js
前端
javascript
行政区划geojson跨平台API
1.
Antv
$.getJSON('/assets/data/world.geo.json',function(mapData)原于Github上提供的地图文件,因为最新的地图管理条例不再提供,蚂蚁官方建议使用
非墨即白
·
2023-10-04 06:55
可转债列表页与日频交易数据呈现:fastapi+
antV
G2
百天计划之第36篇,关于“AI量化智能投研平台”建设。目标可以很大,行动要聚焦且具体。把一件件小事做成,做出价值点就可以了。好奇心可以很重,也可以探索很多新鲜的知识,但需要围绕一个主线。好比明星可以各种参加综艺,体验生活,但长线看一定要有代表作一样。前面的文章,我们介绍了把可转债基础数据和交易数据采集并入mongo,qlib数据库。在这个基础上,我们可以开始做一些基础的投资分析了。今天的主要内容:
AI量化投资实验室
·
2023-10-02 23:25
建立自己的算法交易事业
fastapi
flask
python
移动端和PC端对比【组件库+调试vconsole +单位postcss-pxtorem+构建vite/webpack+可视化echarts/
antv
】
目录组件库移动端vuevantPC端reactantdvueelement调试:vconsolevsdevtools中的控制台(Console)vconsole:在真机上调试postcss-pxtorem:移动端不同的像素密度构建工具webpack原理Babel:JS编译器(es6->es5,jsx->js)loader:编译less-loader:less->csscss-loader:css-
参宿7
·
2023-09-30 02:17
前端面试
postcss
webpack
echarts
关于
AntV
-X6在Vue里面是使用【
AntV
1.X,Vue2的版本】
写在前面【注意这个是1.X版本Vue2的】2.X+Vue3的版本见下面【2.X+Vue3版本】关于
AntV
-X6,2.X版本在vue3里面的应用【
AntV
2.X,Vue3的版本】。
andcen
·
2023-09-26 16:38
数据可视化记二基础学习(Highcharts、
AntV
、ECharts)
目录一、Highcharts1.1HighchartsJS1.2HighstockJS1.3HighmapsJS二、
AntV
2.1绘制流程2.1.1AntvG2绘图流程2.1.2AntvG6绘图流程2.1.3AntvL7
堕落心
·
2023-09-25 09:29
数据可视化
数据可视化
JS-ECharts-前端图表 多层级联合饼图、柱状堆叠图、柱/线组合图、趋势图、自定义中线、平均线、气泡备注点
ECharts官网:https://echarts.apache.org/zh/index.html其他的一些推荐:
AntV
:https://
antv
.vision/zhchartcube:https:
君琴
·
2023-09-24 06:57
javascript
前端
echarts
vue3-mapboxgl-
antv
-L7开发(二)控件的添加
文章目录地图中有许多的控件方便用户对地图进行操作。一、常见的控件都有哪些?1、mapbox中的控件(1)、AttributionControl(属性控件)(2)、FullscreenControl(全屏控件)(3)、GeolocateControl(定位控件)(4)、NavigationControl(导航栏控件)(5)、ScaleControl(比例尺控件)(6)、添加控件的方法(控件的配置属性
Yuan妙不可言
·
2023-09-23 14:30
WebGIS之mapboxgl
前端
arcgis
性能优化:nginx静态压缩,网页速度倍级提升
比方说:
Antv
的L7、G2、G6、Echart,集众多优秀的组件于一身(它们真的很大,非常大),固然越走越沉重,是时候减负了!为什么要进行性能优化?
椰卤工程师
·
2023-09-21 19:03
网站性能
前端开发
webpack
性能优化
nginx
前端
使用
AntV
S2 打造大数据表格组件
导读在蚂蚁的大数据研发平台中,数据表格是一类重要的业务组件。我们需要流畅的展示SQL查询出来的上万条结果,并对结果做筛选、排序、搜索、复制、框选、聚合分析等操作。同时也存在数据手工录入的场景,需要表格有可编辑的能力。所以我们最终需要的是一种JavaScript版的电子表格,类似一个简单的Excel工作簿。本文记录的是,在开源软件不足以满足需求,同时商业软件价格高、定制难的情况下,我们如何基于开源C
weixin_41498276
·
2023-09-19 20:47
前端
javascript
开发语言
vue
antv
g6 编辑器
第一:官方推荐代码(下载后最好删除eslint(可以用第二个),再进行install)https://github.com/claudewowo/welabx-g6https://download.csdn.net/download/qq_30940855/88343559?spm=1001.2014.3001.5501编辑页面
不要和代码过不去
·
2023-09-19 15:28
AntV
前端
vue.js
vue3 使用
antv
自定义漏斗对比图+热力图+echart图表注意事项
echart官网自定义漏斗图链接:https://g2plot.
antv
.antgroup.com/zh/examples/case/statistical-scenario/#funnel-analysis
会跳舞的小猴子
·
2023-09-18 21:50
javascript
前端
开发语言
antv
-G6使用笔记
父组件importG6from"@
antv
/g6";import{register}from'./register-node'importregistorEdgefrom'.
林上雨_
·
2023-09-15 12:19
日记
笔记
vue
前端
【
AntV
-G6】决策树简单实例
文件到前端页面目录,在需要展示的页面引入treeMindnpminstall错误解决方法树组件treeMind.vueimportinsertCssfrom"insert-css";importG6from"@
antv
无拘297
·
2023-09-15 12:18
前端
vue.js
typescript
echarts
【
antv
/g6】按条件字段设置不同节点颜色的2种方法
有两种方法:一、通过数据data的item去控制constdata={nodes:[{id:'0',label:'B1106\n32874PB',size:[80,80],labelCfg:{position:'center',style:{fill:'#595959',fontSize:14,},},style:{//fill:'r(0.5,0.5,0.1)0:#ffffff1:#1890ff'
hzxOnlineOk
·
2023-09-15 12:46
antv
javascript
开发语言
ecmascript
antv
-G6知识图谱安装--使用(实例)--连接线修改成动态,并添加跟随线移动的光圈,设置分支跟踪定位功能
最近太忙了长篇分段更新自己使用流程)1.连接线修改成动态,并添加跟随线移动的光圈2.自定义卡片样式和文字内容3.自定义伸缩节点的样式,并添加动画样式3.自定义弹窗样式4.自定义弹窗样式5.更新图谱6.设置分支跟踪定位功能
antv
-G6
大白菜1号
·
2023-09-15 12:45
大屏看板
知识图谱
人工智能
图形渲染
新增动态排序图、桑基图、
AntV
组合图,DataEase开源数据可视化分析平台v1.18.10发布
这一版本的功能升级包括:数据集方面,对字段管理的后台保存做了相关优化,降低了资源消耗;仪表板方面,对联动、查询结果以及过滤组件等进行了调整优化,避免系统卡顿情况的发生;视图方面,新增ECharts动态排序图、
AntV
FIT2CLOUD飞致云
·
2023-09-15 08:59
开源
数据分析
数据可视化
DataEase
仪表板
antV
F2 利用changeSize在windowResize时重绘
antVf2windowResize思路:①注册全局总线提起监听事件;②在app.vue的入口页写下监听事件,顺便带上防抖;③在组件里面用f2的chartchangeSize事件让视图重绘注册总线mian.jsVue.prototype.$eventBus=newVue();Vue.config.productionTip=false;App.vue入口页监听注册总线import'@/util/c
夜息白鸽
·
2023-09-15 07:07
vue
antv
X6 ER图
第一引入
antv
$npminstall@
antv
/x6--save第二写入代码官网demo的fetch('/data/er.json')有问题//这里可以导入其他文件(比如:组件,工具js,第三方插件js
不要和代码过不去
·
2023-09-15 03:06
前端
vue.js
arcgis
前端
笔记(一)斯坦福CS224W图机器学习、图神经网络、知识图谱
:1、图是任意尺寸输入2、图是动态变化的,有时也是多模态数据图,可以实现端到端的表示学习图嵌入,把节点映射为D维向量,并且能够反应原数据的语义信息工具:PyG、NetworkX、dgl、图可视化工具:
AntV
hlllllllhhhhh
·
2023-09-15 00:00
笔记
神经网络
人工智能
Antv
G6 力导向图布局变更,保持 节点的收缩状态
监测布局变更watch:{fix1(data){if(data){this.updateLayoutAndHideElements()}}},//hiddenElements被收缩的子节点的父节点updateLayoutAndHideElements(){this.hiddenElements.forEach(id=>{constitem=this.graph.findById(id)if(ite
唐月123456
·
2023-09-14 14:01
Antv
G6
力导向图布局
自定义节点
可收缩
收缩保持
Antv
G6 downloadFullImage 导出图片清晰度不够
downloadFullImage导出图片清晰度不够/***图片下载*@paramtext图片名称*/download(text){window.oldRatio=window.devicePixelRatiowindow.devicePixelRatio=2this.graph.downloadFullImage(text,'image/png',{backgroundColor:'#fff',
唐月123456
·
2023-09-14 14:01
Antv
G6
图片导出
清晰度
antv
-G6在vue2中使用---自定义卡片和收缩节点并添加动画和自定义弹窗样式
连接线修改成动态,并添加跟随线移动的光圈上一篇地址➡️点击这里2.自定义卡片样式和文字内容3.自定义伸缩节点的样式,并添加动画样式3.自定义弹窗样式4.自定义弹窗样式5.设置分支跟踪定位功能6.更新图谱
antv
-G6
大白菜1号
·
2023-09-12 07:36
大屏看板
笔记
antv
知识图谱
html2canvas 截屏遇到的问题
业务场景,需要在页面上点击按钮截取全屏,中间有一个
antv
/l7绘制的地图,要一起截下来。
墨语轩
·
2023-09-11 03:55
随笔
html2canvas
G2 多级饼图使用蜘蛛标签
实现效果image.png实现importDataSetfrom'@
antv
/data-set';import{Chart}from'@
antv
/g2';constdata=[{name:'狮子',type
VioletJack
·
2023-09-08 18:59
天气插件和
antv
图表组件库的使用
目录天气插件
antv
组件库特性数据映射dataxFieldyField图形样式pointstate图表组件labeltooltip图表交互添加交互天气插件网站:天气预报代码_天气预报插件_免费天气预报代码
学前端的狗头苏丹
·
2023-09-08 10:31
组件库
antv
折线图
Antv
F2可视化文档的使用(uniapp调用)
最近在做移动端uniapp项目时时,用到了
AntV
移动可视化F2,发现网上对F2使用方法甚少。通过F2的文档和自己的摸索练习,总结了几个常用图表以及常用功能的用法。
爱吃鱼的酱酱仔
·
2023-09-08 10:53
antvF2
uni-app
vue
antv
X6流程图
/这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)//例如:import《组件名称》from'《组件路径》';import{Graph,Shape}from"@
antv
不要和代码过不去
·
2023-09-05 07:03
AntV
数据库
Vue实现
Antv
/X6中的示例,以及一些er图开发场景
lwstudy/
antv
-x6-vue-demo:Vue实现AntvX6中的示例,以及一些开发场景(github.com)learn-
antv
-x6:
antv
/X6学习(gitee.com)介绍使用脚手架
Program W
·
2023-09-03 09:50
大前端
Vue
js
前端
javascript
vue
Vue3.x配合
Antv
使用
准备工作安装vue-cli,由于cli版本更新较快,本文采用vue-cli3.x版本因此安装命令如下:yarnglobaladdvue-cli@3Tip:安装完后检查版本vue-V如环境报错,需要在环境变量中path中添加vue.cmd的路径,如C:\Users\haha\AppData\Local\Yarn\bin创建项目文件夹并进入vuecreateantv-democdantv-demo安装
淡淡紫色
·
2023-09-02 00:49
Vue组合式API 使用
AntV
x6报错: “Error: Ensure the container of the graph is specified and valid”
现象刚开始用vue3的组合式API,还不是很习惯,跟着X6的教程一顿复制,报错:原因错误原因是在mounted生命周期时,id为container的div还没有被挂载到页面中。这就导致我们想要将graph绘制在id为container的div上时,该节点还不存在,也就导致了报错。解决方案只需要确保需要挂在的的目标元素存在即可,比如在mounte之后再进行X6的绘制onMounted(()=>{co
肖潇不吃洋芋
·
2023-09-01 08:39
大前端
vue.js
javascript
蚂蚁金服开源空间数据可视分析引擎 L7
L7地理空间可视化L7地理空间可视化L7地理空间可视化L7地理空间可视化11月22日,蚂蚁金服
AntV
数据可视化团队推出开源地理可视化引擎L72.0beta版——基于WebGL的⼤规模地理空间数据可视分析开发框架
ThinkingGIS
·
2023-09-01 05:27
react +
antv
G6
新建一个react项目(过程不多描述了)确定新项目能跑起来之后,第一步:引入G6,使用命令行npminstall--save@
antv
/g,第二步:在需要的地方引入G6,第三步:引入G6的数据源为JSON
圆又圆_4236
·
2023-08-30 20:09
JS制作
Antv
图表实例
不折腾的前端不是好前端,今天来折腾下
Antv
图表,对比highcharts这个文档确实不怎么人性化,但是没办法么,毕竟highCharts还是蛮贵的,使用
antv
之前建议大家看下语雀上的文档。
skydot
·
2023-08-29 04:52
react-flow基础使用及dagre库的使用
前言最近项目中需要用到拓扑图的展示,最开始选用的是
antv
的拓扑图组件。
不随。
·
2023-08-29 00:08
前端
react.js
前端
前端框架
antvG6绘制树形图踩坑记录(自定义节点等功能)
用父子结构的树形图来展示交换机之间的关系并且处理相关业务逻辑1.使用antvg6的树形图,首先到官网示例里找到一个和我们想要做的差不多的例子,在此基础上修改官方教程1先下载包npminstall--save@
antv
Mr__proto__
·
2023-08-25 13:10
javascript
前端
html
antvg2踩坑记录
官方地址https://
antv
.vision/建议纯新手的话先看下教程,明白各个组件和一些可视化的基础概念更容易上手(戳这里跳转官方教程)柱状图改变柱子的颜色.color('l(90)0:rgb(47,209,255
Hero_rong
·
2023-08-25 13:40
antv
html
前端
antv柱状图
antv柱状图颜色渐变
antvg2样式自定义
开发感悟20230426
然后在main.js中引用,可以覆盖上面的,如果想给element-ui设置样式,不用设置deep了2.可以直接修改引入的element-ui的样式,找到对应的样式就可以修改二、比echarts还要好用的
antv
Shiny0815
·
2023-08-25 00:39
javascript
echarts
vue.js
移动端和PC端对比【组件库+调试vconsole +构建vite/webpack+可视化echarts/
antv
】
目录组件库移动端vuevantPC端reactantdvueelement调试:vconsolevsdevtools中的控制台(Console)vconsole:在真机上调试构建工具webpack原理Babel:JS编译器(es6->es5,jsx->js)loader:编译less-loader:less->csscss-loader:css->jsstyle-loader:创建style标签,
参宿7
·
2023-08-24 14:08
前端面试
开发
React和Vue
vue.js
前端
javascript
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他