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

Question

我正在為畢業項目使用Cytoscape.js 2.7.15 ，我需要進行一些簡單的可視化處理，例如更改節點的標簽。

subjectNode.style（ '標簽'，myDesiredLabelToshow）;

為我工作，但我在for循環中使用它，當我想使其緩慢運行或在調試模式下查看我的算法如何為它們添加標簽時，節點的標簽不會立即更改，它們在我的功能后最終會一起更改結束（我指的是功能的結束范圍）。

我嘗試使用cy.batch(); cy.startBatch()甚至嘗試設置Timeout但沒有任何效果。

在調試模式下跟蹤cytoscape.js文件后，我看到了一個函數o.requestAnimationFrame = function ..在調試器命中后，更改已應用到我的圖形上，如何在我的自定義函數中手動觸發它？

Answer 1

幾乎所有渲染器都將通過requestAnimationFrame()使用渲染循環。 這意味着它是異步的，步進時不會看到結果。

答案是不要使用斷點或步進，因為這些方法假定一切都同步進行。

使用UI中的按鈕來“逐步”遍歷算法中的點，或使用Promise鏈中的動畫來可視化進度。 或者放棄在UI本身中顯示調試提示，而僅使用console.log() 。