antv X6

文章目录

  • graph配置项
  • 力导向图
  • 路由router

graph配置项

https://x6.antv.antgroup.com/api/graph/graph

力导向图

https://x6.antv.antgroup.com/examples/layout/general#force

路由router

https://x6.antv.antgroup.com/api/registry/router

initGraph () {// https://x6.antv.antgroup.com/api/graph/graphthis.graphIns = new Graph({container: document.getElementById('container'),// width: 800,// height: 600,background: {color: '#F2F7FA',},autoResize:true, // 是否监听容器大小改变,并自动更新画布大小。默认false// https://x6.antv.antgroup.com/api/graph/gridgrid: {visible: true, // 网格默认不可见size: 10, // 网格大小 10pxtype: 'doubleMesh', // dot 点状网格。(默认值)  fixedDot  mesh 网状网格。 doubleMesh双线网状网格。args: [{color: '#eee', // 主网格线颜色thickness: 1, // 主网格线宽度},{color: '#ddd', // 次网格线颜色thickness: 1, // 次网格线宽度factor: 4, // 主次网格线间隔},],},panning: true, // 画布是否可以拖拽平移,默认禁用。mousewheel: true, // 鼠标滚轮缩放,默认禁用。// 连线选项。类似defaultEdge的connecting: {// router: 'orth', // normal orth manhattan  oneSide metro  er/* router:{name: 'orth',args: {// padding: {//   bottom: 24,//   top:24,//   left:24,//   right:24,// },// padding:24,padding:{vertical:24,horizontal:24,}},},*/router:{name: 'er',// args: {//   // offset: 12,//   offset: 'center',// },},// connector: 'rounded',connectionPoint: 'anchor',// snap:true,},})const mockData ={"nodes": [{"id": "1722565963387195392","label": "企业信息同步测试4"},{"id": "1727253635897049088","label": "ks电能表一级-01"},{"id": "1727255697414242304","label": "ks电能表一级-02"},{"id": "1731968551085125632","label": "一级03"},{"id": "1727253787416281088","label": "电能表二级-01"},{"id": "1731954552142540800","label": "ks二级02"},{"id": "1727254037606514688","label": "ks电能表三级-01"},{"id": "1727259731038650368","label": "ks电能表三级-03"},{"id": "1727257737720840192","label": "电能表三级-02"},{"id": "1727260183792795648","label": "电能表四级-01"}],"edges": [{"source": "1722565963387195392","target": "1727253635897049088"},{"source": "1722565963387195392","target": "1727255697414242304"},{"source": "1722565963387195392","target": "1731968551085125632"},{"source": "1727253635897049088","target": "1727253787416281088"},{"source": "1727253635897049088","target": "1731954552142540800"},{"source": "1727253787416281088","target": "1727254037606514688"},{"source": "1727253787416281088","target": "1727259731038650368"},{"source": "1727253787416281088","target": "1727257737720840192"},{"source": "1727254037606514688","target": "1727260183792795648"},{"source": "1727259731038650368","target": "1727260183792795648"},{"source": "1727257737720840192","target": "1727260183792795648"},{"source": "1731954552142540800","target": "1727254037606514688"},{"source": "1731954552142540800","target": "1727259731038650368"},{"source": "1731954552142540800","target": "1727257737720840192"},{"source": "1727254037606514688","target": "1727260183792795648"},{"source": "1727259731038650368","target": "1727260183792795648"},{"source": "1727257737720840192","target": "1727260183792795648"},{"source": "1727255697414242304","target": "1727253787416281088"},{"source": "1727255697414242304","target": "1731954552142540800"},{"source": "1727253787416281088","target": "1727254037606514688"},{"source": "1727253787416281088","target": "1727259731038650368"},{"source": "1727253787416281088","target": "1727257737720840192"},{"source": "1727254037606514688","target": "1727260183792795648"},{"source": "1727259731038650368","target": "1727260183792795648"},{"source": "1727257737720840192","target": "1727260183792795648"},{"source": "1731954552142540800","target": "1727254037606514688"},{"source": "1731954552142540800","target": "1727259731038650368"},{"source": "1731954552142540800","target": "1727257737720840192"},{"source": "1727254037606514688","target": "1727260183792795648"},{"source": "1727259731038650368","target": "1727260183792795648"},{"source": "1727257737720840192","target": "1727260183792795648"},{"source": "1731968551085125632","target": "1731954552142540800"},{"source": "1731954552142540800","target": "1727254037606514688"},{"source": "1731954552142540800","target": "1727259731038650368"},{"source": "1731954552142540800","target": "1727257737720840192"},{"source": "1727254037606514688","target": "1727260183792795648"},{"source": "1727259731038650368","target": "1727260183792795648"},{"source": "1727257737720840192","target": "1727260183792795648"}],"tips": false}mockData.nodes.forEach(v=>{// v.width = 150// v.height = 32v.size = {width:160,height:32,}})mockData.edges.forEach(v=>{v.source = {cell:v.source,anchor:'bottom', // 锚点}v.target= {cell:v.target,anchor:'top',}})// 布局const dagreLayout = new DagreLayout({type: 'dagre',rankdir: 'TB',ranksep: 85,// nodesep: 55,})const model = dagreLayout.layout(mockData)this.graphIns.fromJSON(model) // 渲染元素/*this.graphIns.fromJSON(mockData) // 渲染元素this.graphIns.centerContent() // 居中显示*/
},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/219148.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

常用的测试用例大全

登录、添加、删除、查询模块是我们经常遇到的,这些模块的测试点该如何考虑 1)登录 ① 用户名和密码都符合要求(格式上的要求) ② 用户名和密码都不符合要求(格式上的要求) ③ 用户名符合要求,密码不符合要求(格式上的要求) ④ 密码符合要求&#xf…

[c]输出字符金字塔

我们可以把字符金字塔类比数字金字塔 输入3 输出 类似下图 下面附上我的代码&#xff0c;可能有些繁琐 #include<stdio.h> int main() {char s;scanf("%c",&s);int lens-64;//将字符的ascii码值减去64得到循环次数&#xff0c;比如你输入A&#xff0c;l…

Java入门基础:浅显易懂 死循环

文章目录 一、什么是死循环二、以fo循环示例三、如何避免死循环 一、什么是死循环 死循环就是循环语句的 循环布尔表达式 一直为true&#xff0c;没有终止循环的条件或者终止循环的条件根本不可能达成 二、以fo循环示例 /** 终止循环的条件根本不可能达成* 循环布尔表达式&a…

一篇文章,带你详细了解华为认证体系证书(二)

一篇文章&#xff0c;带你详细了解华为认证体系证书 &#xff08;一&#xff09;_华为高斯数据库证书_PICACHU的博客-CSDN博客一、总体概括一、总体概括华为认证是华为技术有限公司基于“平台生态”战略&#xff0c;围绕“云-管-端”协同的新ICT技术架构&#xff0c;打造的业界…

Spring Boot--Freemarker渲染技术+实际案例

目录 Freemarker 1.1.什么是Freemarker 1.2.Freemarker模板组成部分 1.3.优点 FreeMarker常见的方法&#xff1a; 2.2.2.数值 2.2.3.布尔值 2.2.4.日期 2.3.常见指令 2.3.1.处理不存在的值 assign 2.3.4.list 2.3.5.include SpringBoot整合Freemarker Freemarker…

STM32-TIM定时器输出比较

目录 一、输出比较简介 二、PWM简介 三、输出比较通道&#xff08;通用&#xff09; 四、输出比较通道&#xff08;高级&#xff09; 五、输出比较模式 六、PWM基本结构 七、PWM参数计算 八、外设介绍 8.1 舵机 8.2 直流电机及驱动 九、开发步骤 十、输出比较库函数…

每日一题,杨辉三角

给定一个非负整数 numRows&#xff0c;生成「杨辉三角」的前 numRows 行。 示例 1: 输入: numRows 5 输出: [[1],[1,1],[1,2,1],[1,3,3,1],[1,4,6,4,1]] 示例 2: 输入: numRows 1 输出: [[1]]

机器学习笔记:linear scaling learning rate (学习率 和batch size的关系)

在训练神经网络的过程中&#xff0c;随着batch size的增大&#xff0c;处理相同数据量的速度会越来越快&#xff0c;但是达到相同精度所需要的epoch数量越来越多 换句话说&#xff0c;使用相同的epoch数量时&#xff0c;大batch size训练的模型与小batch size训练的模型相比&am…

【C++】POCO学习总结(十五):字符串操作

【C】郭老二博文之&#xff1a;C目录 1、简介 POCO提供一些函数来处理 std::string 和 std::wstring&#xff1b; 比如&#xff1a; 去除空格大小写转换不区分大小写比较字符转换和子字符串替换连接 许多函数有两种变体: 返回一个新字符串而不修改原字符串的函数;直接修改…

限流常用算法以及基于Sentinel的微服务限流及熔断

一、服务限流的作用及实现 在没有任何保护机制的情况下&#xff0c;如果所有的流量都进入服务器&#xff0c;很可能造成服务器宕机导致整个系统不可用&#xff0c;从而造成巨大的损失。为了保证系统在这些场景中仍然能够稳定运行&#xff0c;就需要采取一定的系统保护策略&…

Unity_ET框架项目-斗地主_启动运行流程

unity_ET框架项目-斗地主_启动运行流程 项目源码地址&#xff1a; Viagi/LandlordsCore: ET斗地主Demohttps://github.com/Viagi/LandlordsCore下载项目到本地。 启动运行步骤&#xff1a; 下载目录如下&#xff1a; 1. VS&#xff08;我用是2022版VisualStudio&#xff09…

【机器学习】多模态机器学习

多模态机器学习是指利用多种不同的数据类型&#xff08;如图像、文本、音频等&#xff09;来训练和优化机器学习模型。相比于单一模态的机器学习&#xff0c;多模态机器学习可以更好地模拟现实世界中的复杂信息交互&#xff0c;从而提高模型的性能和泛化能力&#xff0c;同时也…

[英语学习][13][Word Power Made Easy]的精读与翻译优化

[序言] 本篇内容主要是学习语法分析, 而且这次作者翻译也不错. [英文学习的目标] 提升自身的英语水平, 对日后编程技能的提升有很大帮助. 希望大家这次能学到东西, 同时加入我的社区讨论与交流英语相关的内容. [原著英文与翻译版对照][第20页] There is no doubt that the…

大数据机器学习与深度学习—— 生成对抗网络(GAN)

GAN概述 在讲GAN之前&#xff0c;先讲一个小趣事&#xff0c;你知道GAN是怎么被发明的吗&#xff1f;据Ian Goodfellow自己说&#xff1a; 之前他一直在研究生成模型&#xff0c;可能是一时兴起&#xff0c;有一天他在酒吧喝酒时&#xff0c;在酒吧里跟朋友讨论起生成模型。然…

Linux—深入理解进程的概念,PCB,父子进程及查看进程信息的两种方法

进程的概念 课本概念&#xff1a;程序的一个执行实例&#xff0c;正在执行的程序等。 内核观点&#xff1a;担当分配系统资源&#xff08;CPU&#xff0c;内存&#xff09;的实体。 1.描述进程-PCB 我们知道程序是代码编译好后形成的可执行文件&#xff0c;存放在磁盘上。而我…

Qt设置类似于qq登录页面(ikun)

头文件 #ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QWindow> #include <QIcon> #include <QLabel> #include <QMovie> #include <QLineEdit> #include <QPushButton>QT_BEGIN_NAMESPACE namespace Ui { class…

win10重装系统历程

win10系统更新出问题了&#xff0c;重置系统卡死&#xff0c;遂决定重装。 微软官方工具制作U盘启动盘&#xff0c; 进行到分区时&#xff0c;一冲动把盘都格式化了&#xff0c; 后面了解到&#xff0c;即便进不了系统也有办法备份数据的... 进行到安装时&#xff0c;提示W…

Prompt提示优化工具

在大模型使用过程中,Prompt尤为重要。一个好的Prompt可以解决很多的问题。那么如何撰写一个完美的Prompt? 下面汇总了一些Prompt工具,可以辅助日常Prompt的编写。 欢迎关注公众号 1. prompt perfect 可以自动优化已有的提示,比较多个模型的输出,运行智能体等。 https:…

带大家做一个,易上手的家常土豆炒瘦肉(糖醋水果版)

先那一块瘦肉 用水化冰 拿一颗土豆 去皮切成小块 瘦肉洗干净 然后切成小块 与土豆混在一起 打一个鸡蛋 将 鸡蛋液 一小勺淀粉 小半勺生抽 一小勺料酒 用手抓均匀 起锅烧油 倒入瘦肉土豆 翻炒 看肉变色了 加入 一包番茄酱(可以多放一点 味道足一点) 小半勺老抽调色 小半…

文献速递:PET-影像组学专题--影像组学和肺癌免疫治疗反应:文献系统综述

文献速递&#xff1a;PET-影像组学专题–影像组学和肺癌免疫治疗反应&#xff1a;文献系统综述 01 文献速递介绍 肺癌&#xff08;LC&#xff09;是全球癌症相关死亡的主要原因&#xff0c;尽管在诊断和治疗方面取得了进展[2,3]&#xff0c;但它仍然对公共健康构成严重威胁[…