{

animate:true,//是否在布局运行时显示布局;特殊的“结束”值使布局具有离散布局的动画效果

maxIterations:0,//布局退出前的最大迭代次数

maxSimulationTime:0,//运行布局的最大长度(毫秒)

ungrabifyWhileSimulating:false,//因此在布局期间不能拖动节点

fixedAfterDraging:false,//拖动后固定节点

fit:false,//在节点的每个布局重新定位上,调整视口

padding:30,//在模拟周围填充

boundingBox:未定义,//约束布局边界;{x1,y1,x2,y2}或{x1,y1,w,h}

/**d3-force API**/

alpha:1,//将当前alpha设置为[0,1]范围内的指定数字

alphaMin:0.001,//将最小alpha设置为[0,1]范围内的指定数字

alphaDecay:1-Math.pow(0.001,1/300),//将alpha衰减率设置为[0,1]范围内的指定数字

alphaTarget:0,//将当前目标alpha设置为[0,1]范围内的指定数字

velocityDecay:0.4,//将速度衰减因子设置为范围[0,1]中的指定数字

collideRadius:1,//将radius访问器设置为指定的数字或函数

collideStrength:0.7,//将力强度设置为[0,1]范围内的指定数字

collideIterations:1,//将每个应用程序的迭代次数设置为指定的次数

linkId:函数id(d){

  return d.index;

},//将节点id访问器设置为指定的函数

linkDistance:30,//将距离访问器设置为指定的数字或函数

链接强度:功能强度(link){

  return 1 / Math.min(count(link.source), count(link.target));

},//将强度访问器设置为指定的数字或函数

linkIterations:1,//将每个应用程序的迭代次数设置为指定的次数

manyBodyStrength:-30,//将强度访问器设置为指定的数字或函数

manyBodyTheta:0.9,//将Barnes–Hut近似条件设置为指定的数字

manyBodyDistanceMin:1,//设置考虑此力的节点之间的最小距离

manyBodyDistanceMax:Infinity,//设置节点之间的最大距离,在该距离上考虑此力

xStrength:0.1,//将强度访问器设置为指定的数字或函数

xX:0,//将x坐标访问器设置为指定的数字或函数

yStrength:0.1,//将强度访问器设置为指定的数字或函数

yY:0,//将y坐标访问器设置为指定的数字或函数

radialStrength:0.1,//将强度访问器设置为指定的数字或函数

radialRadius:[radius]//将圆半径设置为指定的数字或函数

radialX:0,//将圆心的x坐标设置为指定的数字

radialY:0,//将圆心的y坐标设置为指定的数字

//布局事件回调

ready:function(){},//监听 layoutready

stop:function(){},//监听 layoutstop

tick:function(progress){},//每次迭代回调

//定位选项

randomize:false,//在布局开始处使用随机节点位置

//无限布局选项

infinite:false//覆盖forces all time模式的所有其他选项

}

cytoscape-d3-force api的更多相关文章

  1. [D3] Creating a D3 Force Layout in React

    Learn how to leverage d3's layout module to create a Force Layout inside of React. We'll take a look ...

  2. 【D3 API 中文手冊】

    [D3 API 中文手冊] 声明:本文仅供学习所用,未经作者同意严禁转载和演绎 <D3 API 中文手冊>是D3官方API文档的中文翻译. 始于2014-3-23日,基于VisualCre ...

  3. D3 API总览

    D3图形库API参考 https://github.com/d3/d3/wiki/API--%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8C d3 官网 API https:/ ...

  4. D3、EChart、HighChart绘图demol

    1.echarts:   <!DOCTYPE html>   <html>   <head>   <meta charset="utf-8" ...

  5. Python equivalent of D3.js

    http://brandonrose.org/       Python equivalent of D3.js Ask Question Asked 7 years, 1 month ago Act ...

  6. Pentaho6.1中D3可视化库的集成及数据联动的实现

    1.软件环境 操作系统版本:Win 10 64位 可视化图形库:D3 Pentaho版本: biserver-ce-6.1.0.1-196 2.对D3的简单介绍 D3允许你将任意的数据绑定到文档对象模 ...

  7. salesforce 零基础学习(五十一)使用 Salesforce.com SOAP API 实现用户登录以及简单的增删改查(JAVA访问salesforce)

    此篇请参看:https://resources.docs.salesforce.com/202/latest/en-us/sfdc/pdf/salesforce_developer_environme ...

  8. 使用D3绘制图表(7)--饼状图

    这次是绘制饼状图,也是这一次使用D3绘制图表的最后一篇,大家可以从其他地方深入学习D3绘制图表,也可以直接查看D3的API进行学习,本次绘制饼状图的数据跟之前的卸载数组里面的不一样,这一次是使用d3的 ...

  9. 【持续更新】D3 的学习资料

    经常有朋友问哪里有关于 D3 的比较好的学习资料,现整理成此文.以后找到更多更好的,会不断更新本文. 我是在2013年开始接触 D3 的,当时就觉得这个工具很好玩.至今,学习资料整理了不少.如果有朋友 ...

  10. d3可视化实战04:事件绑定机制

    首先说明,d3支持所有的JS事件——甚至其他代码的自定义事件.这里有一个列表,The MDN Event Reference, 包含了几乎所有浏览器创建的事件类型.大家有需要可以去查看. D3的事件绑 ...

随机推荐

  1. 可编程网络DataPath 及XDP

    目录 可编程网络DataPath XDP 的基本架构 XDP 的软件要求 XDP 的硬件要求 XDP 的工作流程及使用 XDP 的工作模式 XDP 的工作流程 Hello World XDP 的应用 ...

  2. js关于数组的操作(合并数组、添加数组、循环等)

    1. concat() 方法 concat() 方法用于连接两个或多个数组 var arr = new Array(3) arr[0] = "George" arr[1] = &q ...

  3. 一致性hash原理 看这一篇就够了

    ​ 在了解一致性哈希算法之前,最好先了解一下缓存中的一个应用场景,了解了这个应用场景之后,再来理解一致性哈希算法,就容易多了,也更能体现出一致性哈希算法的优点,那么,我们先来描述一下这个经典的分布式缓 ...

  4. Simpleperf分析之Android系统篇

    [译]Simpleperf分析之Android系统篇 译者按: Simpleperf是用于Native的CPU性能分析工具,主要用来分析代码执行耗时.本文是主文档的一部分,系统篇. 原文见aosp仓库 ...

  5. Zabbix5.0钉钉报警(centos7)

    2.1.到钉钉官网下载pc版钉钉,安装.注册.登陆: 钉钉下载地址:https://www.dingtalk.com/ 2.2.创建群聊和钉钉机器人: 1.创建群聊,把需要收到报警的人员都拉到这个群: ...

  6. 6.12、通过kvm可视化管理虚拟机

    6.12.1.通过Xmanager - Passive管理kvm虚拟机(首先要安装xmanager): 1.安装虚拟化管理软件: [root@centos7 ~]# yum install -y vi ...

  7. JDK8安装包的下载安装方式以及环境变量的配置

    前面我们介绍了 <Java是什么?>.<OracleJDK是什么?OracleJDK的版本怎么选择?>.<OpenJDK是什么?>以及<OracleJDK 与 ...

  8. Redis主从,集群部署及迁移

    工作中有时会遇到需要把原Redis集群下线,迁移到另一个新的Redis集群的需求(如机房迁移,Redis上云等原因).此时原Redis中的数据需要如何操作才可顺利迁移到一个新的Redis集群呢? 本节 ...

  9. Hadoop0.20.2中MapReduce读取gb2312文件出现乱码问题

    单位用的是Linux系统的字符编码是gb2312,所以生成的文件都是按照默认编码生成的.给我的文件也都是gb2312的,在hadoop中运行mapreduce出现乱码,在网上查资料说是因为hadoop ...

  10. 1.3.5、通过Method匹配

    server: port: 8080 spring: application: name: gateway cloud: gateway: routes: - id: guo-system4 uri: ...