2017-07-24 116 views
0


我正在使用cytoscape.js,并向应用程序(连续的和正常的)添加了布局。对于正常的(如圈,随机,构思等)动画效果很好。我知道连续的布局是基于实时模拟的。它对于弹性布局非常适用,但对于相同的数据,cose布局和布局布局仿真不可见(或者不起作用,但我认为它是在页面完全加载之前计算的快速)。是否有任何可能使其减慢,模拟/动画可见?我正在阅读文档并尝试更改设置(animationThreshold,maxSimulationTime,initialTemp,maxFruchtermanReingoldIterations,maxExpandIterations),但它没有帮助。 以下是配置值的示例。
为传播布局:仿真和扩散布局(cytoscape.js)

expandingFactor: -1.0 
maxFruchtermanReingoldIterations: 20 
maxExpandIterations: 20 
animate: true 
maxSimulationTime: 5000 
randomize: false 

和COSE:

animationThreshold: 2500 
animate: true 
nodeRepulsion: (node) -> 
    400000 
gravity: 80 
numIter: 1000 
initialTemp: 200 
coolingFactor: 0.99 
minTemp: 1.0 
randomize: false 
maxSimulationTime: 50000 


感谢您的帮助,
伊莎贝拉

回答

1

力指向/物理模拟布局运行/动画的实时性。人为地减慢一个将会散开,但也会使其变得非常不稳定。

CoSE-Bilkentanimate: 'end'的支持。该功能假设布局的最终​​结果是即时生成的,使用Cytoscape.js动画API从开始位置到结束位置进行动画处理。这给分立布局带来类似的效果。

捆绑的CoSE将在3.2中支持animate: 'end'。如果您想在其他布局扩展中看到该功能,请随时提出拉请求(可能基于CoSE-Bilkent's approach)。

+0

谢谢你的回复,我用CoSE-Bilkent代替Cose,它工作的很完美! :) – banbella