Animation Cytoscape.js：带有动画的cose布局

我正在尝试为Cytoscape.js图形的布局之间的变化设置动画

从cose切换到grid时，更改将设置动画。从栅格切换到cose时，仅显示结束位置，不显示任何动画

我使用一个简单的测试场景，从网格布局中的一个小图形开始，并使用以下代码切换布局：

...
function changeLayout(type){
  var options = {
    name: type,
    animate: true
  };
  cy.layout(options);
}
...
<div onclick="changeLayout('cose')">to cose</div>
<div onclick="changeLayout('grid')">to grid</div>

。。。
功能更改布局（类型）{
变量选项={
名称：type，
动画：真实
};
cy.布局（选项）；
}
...
抚慰
网格化

我还尝试了此处列出的其他选项： 但我无法从网格到cose设置动画

---

我做错了什么？

像CoSE这样的连续布局使现场充满了生气。也就是说，它在计算的迭代过程中设置动画。如果布局运行得很快——就像CoSE经常做的那样——那么你就不会得到太多的动画

有一项建议正在讨论中，可以选择设置连续布局的动画，如离散布局（即开始位置和结束位置之间的过渡）

---

如果您现在想要这种行为，则必须运行布局。现在，您已经保存了每个节点的开始和结束位置，只需结束批处理和。

现在可以使用布局定义中的

动画：“end”

来完成此操作。看见这将从节点的初始起始位置到其结束位置设置节点动画，而

animate:true

将设置布局更改的动画，并且仅在一定的时间阈值后才执行此操作（请参见

animateThreshold

）。

我想知道您是否可以扩展batch+layout+animate方法？调用

startBatch（）

后运行CoSE布局时出错。例如：“批处理”一词甚至没有出现在链接中。