- 2024-09-22可视化猫的偏好
偶然看到一篇文章,名为《猫为什么......?》,分析了猫的一些喜好和行为。里面的视觉设计非常吸引我。其特点是采用手绘风格和气泡式布局。此外,可爱的字体也令人赏心悦目。我非常喜欢猫。我有一只猫,名叫瓜瓜(意思是可爱和愚蠢)。同样,我也是一名前端开发人员。我开发了一个名为antvg6的
- 2024-08-14这次轮到AntV增强Awesome-Graphs
前不久,Awesome-Graphs刚Release完1.1.0版本后,我在《从论文到图谱,或许只差一个html》一文中,向大家详细展示了Awesome-Graphs的产品能力与交互形态。版本一经发布,作为蚂蚁数据可视化解决方案(AntV)一号位的志伟老哥,看到项目还在使用vis.js组件库,直接“按耐不住”地要给项目提供AntVG
- 2023-11-03小鹏为啥掉队?
文|AUTO芯球作者|积溪小鹏最近有点慌,准备买小鹏汽车的年轻人也犹豫了。在今年7月,理想月销量超3.4万辆,蔚来呢,也创新高首次月销破2万。只有小鹏,有点尴尬,好不重回月销万辆以上。但用这速度去追理想,结果你们觉得会怎样?毕竟在造车新势力蔚小理中,小鹏当初可是跑在最前头,如今却成了垫
- 2023-10-21antd G6中建立图表时,让赋值速度慢于建图速度的一个解决方法
通过异步加载的方式将数据加载和图表建立过程分离,一个简单的例子:import{Chart}from'@antv/g6'//创建一个空的图表容器constcontainer=document.getElementById('chart-container');constchart=newChart({container,//其他配置项...});//异步加
- 2023-09-20vuejs+antv-g6绘制图表
该内容包括antv-g6官网地址、antv-g6的基本使用(包括自定义节点、常用插件(右键菜单等)、基本事件、目前我所遇到的一些需求)。1、antv-g6的官网地址:https://g6.antv.antgroup.com/examples2、安装antv-g6组件npminstall@antv/g6 3、创建antvView.vue文件使用antv/g6
- 2023-07-20罕见全白化!超频三G6散热器评测:i9-13900KS处理器240W仅93度
一、前言:不属于200元价位的做工与设计现在已然是水冷时代,但风冷也有自己的优势,毕竟几乎不用维护,也没有水冷那种漏液的风险。近期,超频三推出了自家高端风冷产品——超频三G6风冷散热器。作为一款售价200元档位的产品,它有非常多的不属于这个价位该有的特征。1、全白化处理超频
- 2023-06-01如何基于G6进行双树流转绘制? | 京东云技术团队
1.背景业务背景:CRM系统随着各业务条线对线索精细化分配的诉求逐渐增加,各个条线的流向规则会越来越复杂,各个条线甚至整个CRM的线索流转规则急需一种树形的可视化的图来表达。技术背景:在开发之前考虑了三种方案,原生canvas、fabric以及G6,三种方案各有优劣势原生canvasfabricG6优点灵
- 2023-06-01如何基于G6进行双树流转绘制?
1.背景业务背景:CRM系统随着各业务条线对线索精细化分配的诉求逐渐增加,各个条线的流向规则会越来越复杂,各个条线甚至整个CRM的线索流转规则急需一种树形的可视化的图来表达。技术背景:在开发之前考虑了三种方案,原生canvas、fabric以及G6,三种方案各有优劣势原生canvas
- 2023-05-17阿里云g5 g6免费升级g7服务器记录
当前g6实例(8核32G)升级成同规格g7实例规格名称ecs.hfg6.2xlargeecs.g7.2xlarge处理器型号8269CY8369B处理器主频/睿频3.1GHz/3.5GHz-/3.5GHz内网带宽2.5Gbps5Gbps内网收发包80万PPS160万PPS规格参考价格/月10561004.64宝塔跑分
- 2023-04-14G6.js初体验(图形可视化引擎)
前言G6是支付宝前端团队推出的一款功能强大、易于使用的JavaScript图形库。在这篇博客中,我将介绍如何使用G6创建一个简单的流程图。初体验首先,我们需要准备好流程图数据。在这个例子中,我们使用JSON格式来表示流程图,并为每个节点定义了其id、名称、类型和位置信息。例如:constf
- 2023-03-31vue2中使用antv/G6节点内容可滚动的ER图
先举一个栗子: 如果不会请移步到官网的栗子,请点击查看狠人话不多,直接给大家上代码:整体代码片段<template><divid="container"style="position:relative;"></div></template><script>/*eslint-disable*/importG6from"@antv/g6";i
- 2023-03-25convert RGB565 to RGB666
RGB(565)isconvertedtoRGB(666)byappendingtheMSBsR5[4]respectivelyB5[4]astheloworderbit,whileG6[5:0]remainsuntouched:R6[5:0]=(R5[4:0]<<1
- 2023-02-27Antv/G6 画布自适应
mounted(){window.addEventListener('resize',this.handleResize)}//画布尺寸适配handleResize(){if(!this.graph||this.graph.ge
- 2023-02-04G6 Lesson2 Grammar
GrammarWhatAretheFourKindsofSentence?adeclarativesentencemakesastatement.Itendswithaperiod.Aninterrogativesentenceasksaquestion.Itends
- 2023-02-04G6 Lesson1 Write
writetoExpressAgoodwriterdevelopscharactersthroughtheirconversationsaswelladtheiractios.Forexample,whenNatalieandZoefirsttalkin"TheSc
- 2023-02-03G6 lesson1 grammar
GrammarWhatisasentence?Asentenceisagroupofwordsthatexpressesacompletethought.Asentencemustincludeacompletesubject,allthewordsthatte
- 2023-01-04antv G6 脑图设计
首先是要安装antvG6插件安装命令:npminstall--save@antv/g6 Vue页面开发:<template><divid="container"></div></template><scriptlang="tsx"setup>
- 2022-12-30antv g6 4.7版本
antv4.8文档设置可缩放拖动画布letgraph=newG6.Graph({modes:{//拖拽画布缩放画布default:['drag-canvas','zoom-canvas']}
- 2022-12-28可视化—AntV G6 高亮相邻节点的两种方式
目录内置的高亮节点自定义高亮自定义高亮时保持原始颜色总结案例完整代码通过官方文档,可知高亮相邻节点分为两种方法,文档描述并不是很清楚,对刚接触这个库的小白并不是很友