cytoscape.js - 在 Cytoscape.js 中以动画方式构建图表

标签 cytoscape.js

您好,我想学习如何在 Cytoscape.js 中以动画方式构建图表。对我来说,这意味着用户将选择一种布局算法,然后从根节点开始,一条边将从该节点开始生长,最终指向图中下一个节点的方向,然后该节点将从一个小节点开始生长点,并且该过程将重复。这最终将动画化整个正在构建的图表。我认为这与Images and Breadthfirst Layout Demo正好相反。

谁能帮我想出一个策略来做到这一点?我想我需要用我的节点列表布局一个 headless 图形,并使用这些位置来显示 html 容器中显示的主图形中的动画。

感谢您的帮助

最佳答案

如果 init 处有所有元素,只需将它们全部放入图中即可。您可以将它们最初隐藏在样式表中,也可以使用动画将它们一一显示。

我会使用 .animation() 而不是 .animate(),因为您可以使用返回的 animation 对象及其播放 promise 。您可以创建一系列 promise 作为您的时间表。

关于cytoscape.js - 在 Cytoscape.js 中以动画方式构建图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40096407/

相关文章:

javascript - 使用 cytoscape 修复父级内的节点

css - Cytoscape.js cy.style().fromJson() 添加而不是替换?

javascript - 在 Web 应用程序中绘制有向无环图 - 只有奇怪的方法可用吗?

javascript - 如何使用 cytoscape.js 在图形节点上的鼠标悬停事件上添加工具提示

css - 如何在 cytoscapejs 中指定离散映射器样式?

javascript - layout() 函数如何在节点集合上工作?

javascript - 将 cytoscape 图导出为 png 图像 : how to put png tag on cytoscape graph

qtip2 - 实现 cytoscape.js-qtip 的难点

javascript - 在 Cytoscape.js 中设置节点位置

javascript - Cytoscape.js:样式不适用