g6的minimap中的配置_Minimap 缩略图

源码复制成功复制失败全屏复制运行

Minimap 缩略图

.g6-minimap {

position: absolute;

right: 0;

top: 6px;

background-color: #fff;

}

var minimap = new Minimap({

size: [window.innerWidth / 4, window.innerHeight / 4]

});

var graph = new G6.Graph({

container: 'mountNode',

width: window.innerWidth,

height: window.innerHeight,

plugins: [minimap],

defaultNode: {

size: [40, 40]

modes: {

default: ['zoom-canvas', 'drag-canvas']

}

});

$.getJSON('https://gw.alipayobjects.com/os/antvdemo/assets/data/g6-construction.json', function(data) {

data.nodes.forEach(function(node) {

node.id += '';

});

data.edges.forEach(function(edge) {

edge.source += '';

edge.target += '';

});

graph.read(data);

});

g6的minimap中的配置_Minimap 缩略图相关推荐

g6的minimap中的配置_g6 基本
基本由靳肖健创建, 最后修改于十二月 28, 2020 g6是什么 G6 是一个图可视化引擎.它提供了图的绘制.布局.分析.交互.动画等图可视化的基础能力.旨在让关系变得透明,简单优秀的性能丰富的 ...
g6的minimap中的配置_GitHub - OXOYO/X-Flowchart-Vue at 26e6bbefb15e75e91d98e2a7566e6567edb34a1e
X-Flowchart-Vue A visual graph editor based on G6 and Vue. 预览示例 # git clone https://github.com/OXOY ...
g6的minimap中的配置_蚂蚁金服开源：数据驱动的高交互可视化图形语法G2
原标题:蚂蚁金服开源:数据驱动的高交互可视化图形语法G2 AntV是蚂蚁金服全新一代数据可视化解决方案,主要包含「数据驱动的高交互可视化图形语法」G2.专注解决流程与关系分析的图表库 G6.适于对性能 ...
http响应Last-Modified和ETag以及Apache和Nginx中的配置
基础知识 1) 什么是"Last-Modified"? 在浏览器第一次请求某一个URL时,服务器端的返回状态会是200,内容是你请求的资源,同时有一个Last-Modified的属 ...
Java中classpath配置
Java中classpath配置一.DOS常用命令二.DOS常用命令实例 2.1 转换目录 cd 1.6* 2.2 删除文件 del 删除文件(windows删除从里往外删) del *.txt ...
在Spring3中，配置DataSource的方法有五种
在Spring3中,配置DataSource的方法有五种. 第一种:beans.xml Xml代码 <bean id="dataSource" class="org ...
.NET Core类库项目中如何读取appsettings.json中的配置
这是一位朋友问我的问题,写篇随笔回答一下.有2种方法,一种叫丑陋的方法 -- IConfiguration ,一种叫优雅的方法 -- IOptions . 1)先看丑陋的方法比如在 RedisCli ...
android studio annotations,AndroidAnnotations在Android Studio中的配置
AndroidAnnotations是一款功能很强大的注解框架,具体使用我就不介绍了,大家可以自行百度了解.在eclipse的配置也比较简单,但是在android studio中的配置好像 Andro ...
Linux中安装配置hadoop集群
原文:http://www.cnblogs.com/lijingchn/p/5574476.html 一. 简介参考了网上许多教程,最终把hadoop在ubuntu14.04中安装配置成功.下面就把 ...
深度学习项目中在yaml文件中定义配置，以及使用的python的PyYAML库包读取解析yaml配置文件
文章目录: 1 yaml说明介绍 1.1 yaml介绍 1.2 YAML 相关网址 2 YAML的python包PyYAML的使用 2.1 关于PyYAML的相关网址 2.2 安装PyYAML 2.3 ...

g6的minimap中的配置_Minimap 缩略图

g6的minimap中的配置_Minimap 缩略图相关推荐

最新文章

热门文章