{

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. TCP/IP协议 (图解+秒懂+史上最全)

    文章很长,建议收藏起来,慢慢读! 疯狂创客圈为小伙伴奉上以下珍贵的学习资源: 疯狂创客圈 经典图书 : <Netty Zookeeper Redis 高并发实战> 面试必备 + 大厂必备 ...

  2. 工作中,如何衡量一个人的 JavaScript 编码水平?

    1.立即执行函数 立即执行函数,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是创建函数的同时立即执行.它没有绑定任何事件,也无需等待 ...

  3. C#设计模式学习之装饰者模式

    写这个随笔时,其实对该模式理解的并不是十分透彻.在此想到什么写什么,希望对自己对他人有所帮助. 装饰者模式主要是应用继承和组合的思想,极大的实现了程序的多态,使得的程序有了更高的扩展性. 第一个基础例 ...

  4. JUnit5注解学习指引

    注解(Annotations)是JUnit的标志性技术,本文就来对它的20个注解,以及元注解和组合注解进行学习. 20个注解 在org.junit.jupiter.api包中定义了这些注解,它们分别是 ...

  5. Windows10 准备/安装Flutter研发环境

    Flutter简介 Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动.Web.桌面和嵌入式平台. Flutter 中国 安装Flutte ...

  6. POJ 3026 Borg Maze 广搜(BFS)+最小生成树

    题意:从S出发,去抓每一个A,求总路径最短长度.在S点和A点人可以分身成2人,不过一次只能让一个人走. 思路是先利用BFS求出各点之间的距离,建成图,再套用最小生成树模板. 一次性A了.不过觉得在判断 ...

  7. CentOS-Docker安装RabbitMQ集群(rabbitmq:3.7.16-management)

    准备工作 1.机器资源(分别安装docker环境) 建议机器配置: centos7.x 4G及以上 100GB及以上 2核及以上 192.168.1.101 192.168.1.102 192.168 ...

  8. 安装eclipse及Helloworld体验

    准备工作 如果没有配置java环境变量的请移步:https://www.cnblogs.com/lhns/p/9638105.html 下载eclipse 网址:https://www.eclipse ...

  9. redis集群环境配置

    为什么需要集群 redis是一个开源的 key->value 高速存储系统,但是由于redis单线程运行,在系统中,只能利用单核的性能 当redis的调用越来越频繁时,可能会出现redis过于繁 ...

  10. 使用Azure Congnitive Services 技术制作AI故事机

    引言 前一段时间有幸参加了微软MVP的AI方面的学习挑战赛,对于AI 这个新的领域的技术瞬间勾起了我的学习兴趣. 最近几年,不管是国内还是国外,AI都是一个异常火热的词.比如现在的自动驾驶技术,其实就 ...