{

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. Java 垃圾回收机制,13张图给你讲清楚

    什么是自动垃圾回收? 第一步:标记 第二步:清除 压缩 为什么需要分代垃圾收集? JVM 分代 世代垃圾收集过程 什么是自动垃圾回收? 自动垃圾回收是一种在堆内存中找出哪些对象在被使用,还有哪些对象没 ...

  2. 排查bug:竟然是同事把Redis用成这鬼样子,坑了我

    首先说下问题现象:内网sandbox环境API持续1周出现应用卡死,所有api无响应现象 刚开始当测试抱怨环境响应慢的时候 ,我们重启一下应用,应用恢复正常,于是没做处理.但是后来问题出现频率越来越频 ...

  3. noip2006总结

    T1 能量项链 原题 在Mars星球上,每个Mars人都随身佩带着一串能量项链.在项链上有N颗能量珠.能量珠是一颗有头标记与尾标记的珠子,这些标记对应着某个正整数.并且,对于相邻的两颗珠子,前一颗珠子 ...

  4. Reactive Spring实战 -- 响应式Kafka交互

    本文分享如何使用KRaft部署Kafka集群,以及Spring中如何实现Kafka响应式交互. KRaft 我们知道,Kafka使用Zookeeper负责为kafka存储broker,Consumer ...

  5. 【Python】(六)Python数据类型-列表和元组,九浅一深,用得到

    您好,我是码农飞哥,感谢您阅读本文,欢迎一键三连哦. 本文分十个章节介绍数据类型中的列表(list)和元组(tuple),从使用说到底层实现,包您满意 干货满满,建议收藏,需要用到时常看看. 小伙伴们 ...

  6. Unity项目代码书写规范

    以Google的代码规范为主,稍加改动 https://google.github.io/styleguide/csharp-style.html 书写规范 基础写法 Pascal和驼峰混用,参数用驼 ...

  7. Android Studio用上国产杰出代表夜神模拟器

    背景介绍 在Windows上除了官方的AVD(Android Virtual Device)我们还可以使用更加便捷的国产安卓模拟器,比如杰出的代表就是夜神模拟器. 我们现在是假设你已经安装好了Andr ...

  8. flex发生错误积累。每次遇到错误记录一点点

    error #2044: 未处理的 ioerrorevent: text=error #2036: 加载未完成 出现这个问题,因为我是要实现图片编辑裁剪,然后上传.没有上传成功,出现上面的这个错误, ...

  9. Spring:Spring-IOC实例化bean的常用三种方式

    Spring容器提供了三种对bean的实例化方式: 1)构造器实例化 public class Demo { private String name; //getter和setter方法略 } < ...

  10. log4j配置相对路径实现日志记录

    从网上简单搜索了一下,发现有三种介绍的方法.总结在这里1. 解决的办法自然是想办法用相对路径代替绝对路径,其实log4j的FileAppender本身就有这样的机制,如: log4j.appender ...