GoJS是一款功能強大，快速且輕量級的流程圖控件，可幫助你在JavaScript 和HTML5 Canvas程序中創建流程圖，且極大地簡化您的JavaScript / Canvas 程序。

點擊下載GoJS最新版

GoJS 2.1.21

新的動畫功能

GoJS 2.1包含許多新功能，可為圖表的不同組件制作動畫。

新的默認GoJS動畫“逐漸消失”，而不是對Node位置進行動畫處理。添加了AnimationManager.initialAnimationStyle 以控制此行為。這是一個示例：

• （頂部）新的初始動畫，“圖”位置向上動畫，“圖不透明度”從0到1動畫。
• （中）一個自定義的“放大”動畫，動畫化了圖比例，在新的狀態圖示例中進行了演示，
• （底部）將AnimationManager.initialAnimationStyle設置為AnimationManager.AnimateLocations以執行GoJS 2.0和以前的動畫樣式。該數據可視化示例使用此選項。

• 添加了"InitialAnimationStarting" DiagramEvent以更輕松地自定義初始動畫。有關詳細信息，請參見AnimationManager.initialAnimationStyle。
• 新類：AnimationTrigger。這些內容描述了如何在GraphObject更改值時自動為其設置動畫。
• 新課程：動畫。此類允許您以聲明方式設置自定義動畫，并提供不確定動畫的選項。
• 新的AnimationManager選項，包括定義自定義動畫效果以與 AnimationManager動畫的能力，defineAnimationEffect
• 新的動畫示例和修改為使用新動畫功能的示例：

1. 自定義動畫 - 新示例： 演示許多Node創建/刪除動畫，鏈接動畫等。
2. 樹負載動畫 - 新示例： 模型加載時的遞歸動畫。
3. 流程圖 -僅在組件面板中，禁用初始動畫，而使用自定義淡入動畫。
4. 狀態圖 -禁用初始動畫，而使用自定義縮放淡入動畫。
5. 數據可視化 -節點現在使用AnimationTrigger移動 。
6. 小貓監視器 -小貓現在使用AnimationTrigger移動。
7. 處理流程 -鏈接的strokeDashArray的不確定動畫。
8. 車間監視器 -鏈接顏色更改現在使用AnimationTrigger。

改進了對數據同步的支持

GoJS 2.1包含一些新方法，可簡化GoJS圖表在維護自己數據的應用程序（尤其是React應用程序）中的集成。

• 新方法：Model.toIncrementalData。此方法輸出一個IncrementalData對象，其中包含一個Transaction中發生的更改，類似于現有的Model.toIncrementalJson方法。它可用于使外部數據與GoJS模型保持同步。
• 新方法：Model.mergeNodeDataArray和GraphLinksModel.mergeLinkDataArray。這些方法用于將外部數據更改合并到GoJS模型中。
• 新方法：Model.cloneDeep。此方法可用于制作對象的深層副本，這對于確保GoJS不與外部狀態共享引用很有用。在Model.toIncrementalData中也使用它，以確保IncrementalData的修改對象列表不包含對模型數據對象的引用。

=====================================================

想要了解或購買GoJS正版授權的朋友，歡迎

關注下方“慧聚IT”微信公眾號，及時獲取產品最新消息和最新資訊