Cytoscape.js eles.style 更改立即更新

Question

我在毕业项目中使用 Cytoscape.js 2.7.15，我需要做一些简单的可视化，比如更改节点的标签。

subjectNode.style('label',myDesiredLabelToshow);

对我有用，但我在 for 循环中使用它，当我想慢慢地或在调试模式下查看我的算法如何工作来标记它们时，节点的标签不会立即改变，它们最终会一起改变在我的功能结束后（我的意思是结束功能范围）。

我尝试使用cy.batch();cy.startBatch()，甚至尝试设置Timeout，但没有任何效果。

在调试模式下跟踪 cytoscape.js 文件后，我看到一个函数 o.requestAnimationFrame = function.. 在调试器命中后我的图表上应用了更改，怎么能我在自定义函数中手动触发它？

Answer 1

几乎所有渲染器都会使用requestAnimationFrame() 的渲染循环。这意味着它是异步的，在步进时您不会看到结果。

答案是不要使用断点或单步执行，因为这些方法假定一切都是同步进行的。

使用 UI 中的按钮“逐步”通过算法中的点，或使用承诺链中的动画来可视化进程。或者放弃在 UI 中显示调试提示，直接使用 console.log()。