减少cytoscape js布局的未使用空间/箭头长度

时间:2014-11-05 01:53:52

标签: javascript cytoscape.js

我正在使用cytoscape js库来显示图像的层次结构。我按照http://jsbin.com/gist/aedff159b0df05ccfaa5?js,output上的示例,发现我需要的是广度优先布局。

然而,由于太多未使用的空间,我发现渲染结果不令人满意。箭头太长了。即使示例(http://jsbin.com/gist/aedff159b0df05ccfaa5?js,output)也存在此问题。对于此示例,我尝试了以下

  1. 增加"身高/宽度"在.selector('node') .css({
  2. 使用distanceX中的distanceYlayout.breadthfirst.js(节点间距)变量进行捣乱(第352行)。
  3. 我无法减少未使用的空间或减少箭头的长度。

2 个答案:

答案 0 :(得分:1)

要关注的门票:https://github.com/cytoscape/cytoscape.js/issues/737

如果您希望以后有新功能,请file a ticket

答案 1 :(得分:1)

对于Rush Devs,请尝试以下布局选项:

spacingFactor: 0

手册说:

spacingFactor: 1.75, // positive spacing factor, 
                     // larger => more space between nodes (N.B. n/a if causes overlap)

这是maxkfranz报告的票证https://github.com/cytoscape/cytoscape.js/issues/737的结果。