由于動畫機制較為復雜，我們未在 Tutorial-案例 中增加動畫。

G6 的動畫分為兩個層次：

圖全局動畫：圖整體變化時的動畫過渡；

元素動畫：節點和邊的動畫效果。

全局動畫

G6 的全局動畫指通過圖實例進行操作時，產生的動畫效果。例如：

• graph.updateLayout(cfg)

通過實例化圖時配置 animate: true，可以達到每次進行上述操作時，動畫效果變化的目的。

例子

const graph = new G6.Graph({// ... // 其他配置項animate: true, // Boolean，可選，全局變化時否使用動畫過度 });

元素動畫

G6 允許用戶通過自定義節點/邊的方式，給元素增加動畫效果，如下：

總結

以上是生活随笔為你收集整理的G6 图可视化引擎——入门教程——动画的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。