我正在使用cytoscape js库来显示图像的层次结构。我按照http://jsbin.com/gist/aedff159b0df05ccfaa5?js,output上的示例,发现我需要的是广度优先布局。
然而,由于太多未使用的空间,我发现渲染结果不令人满意。箭头太长了。即使示例(http://jsbin.com/gist/aedff159b0df05ccfaa5?js,output)也存在此问题。对于此示例,我尝试了以下
.selector('node') .css({
distanceX
中的distanceY
和layout.breadthfirst.js
(节点间距)变量进行捣乱(第352行)。我无法减少未使用的空间或减少箭头的长度。
答案 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的结果。