javascript - 当我展开顶级复合节点时，Cytoscape-expand-collapse 图挂起

Question

我有一个非常基本的 cytoscape.js 图表，其中包含 cytoscape-expand-collapse。

有两个节点，它们之间有一条边。在这些节点之一的顶部是两个父复合节点。

当我折叠 parent 并且他们尝试再次展开它们时，图表会卡住(可能在某个地方处于无限循环中)。

Here是一个显示问题的代码笔。 和代码:

注意:如果您尝试展开节点，您的浏览器可能会卡住。

document.addEventListener('DOMContentLoaded', function(){
var cy = window.cy = cytoscape({
container: document.getElementById('cy'),
ready: function(){
  var api = this.expandCollapse({
    layoutBy: {
      name: "cose-bilkent",
      animate: true,
      ranker: 'network-simplex',
      fit: true,
      // nodeDimensionsIncludeLabels: true,	
    },
    fisheye: false,
    undoable: false,
  });
  api.collapseAll();
},
elements: {
  "nodes": [{
    "data": {
      "id": "tea-beverage",
      "label": "Tea Beverage",
      "parent": "NA-canary"
    }
  }, {
    "data": {
      "id": "frontend-hotdrinks",
      "label": "FrontEnd Hot Drinks",
      "parent": "frontend-canary"
    }
  }, {
    "data": {
      "id": "frontend",
      "label": "frontend",

    }
  },{
    "data": {
      "id": "frontend-canary",
      "label": "canary",
      "parent": "frontend",

    }
  }],
  "edges": [{
    "data": {
      "source": "frontend-hotdrinks",
      "target": "tea-beverage",
    }
  }],
}
});

任何帮助将不胜感激。谢谢。

Answer 1

它与 Cytoscape.js 版本 <= 3.3.6 配合良好

像往常一样，@maxkfranz 不断破坏向后兼容性。

您可以创建一个新问题 here .