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

點擊下載GoJS最新版

GoJS 2.1.23

新的動畫功能

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

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

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

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

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

2.1.23的更改

• 添加了“ 安排布局”擴展，如“ 安排”示例中所示。這種布局基本布局的布局，讓你可以有一個CircularLayout的CircularLayout S，如圖所示的樣品，或在PackedLayout的TableLayout S，或什么的。該ArrangingLayout還具有用于不由主布局布置位置的節(jié)點的第三布局。這通常是一個GridLayout，僅定位單例（斷開連接）節(jié)點。
• 改進了ParallelLayout擴展，并重寫了 Flowgrammer示例以使用該ParallelLayout。
• 固定的UndoManager有時還重復(fù)“布局”交易的UndoManager.history。
• 添加了“重縮放工具”擴展，如“重縮放”示例中所示。此工具修改GraphObject.scale屬性，不像ResizingTool其修改GraphObject.desiredSize財產(chǎn)。
• 改進了Model.mergeNodeDataArray，GraphLinksModel.mergeLinkDataArray和Model.toIncrementalData的性能。合并方法要求在GoJS模型和提供的外部數(shù)據(jù)之間不共享引用，并且現(xiàn)在將在將任何新數(shù)據(jù)對象添加到模型之前對其進行深拷貝。這意味著不需要在傳入的數(shù)組上調(diào)用Model.cloneDeep，因為merge方法將進行必要的調(diào)用。
• 修復(fù)了當go.module.js在Node.js中被視為ES6模塊時可以正常工作的問題。同時，我們添加了`go.mjs`和`go-debug.mjs`作為`go-module.js`和`go-debug-module.js`的副本。為了兼容，該工具包將包含兩組文件。
• 修復(fù)了內(nèi)部嵌套組更改大小后自動執(zhí)行外部組的布局的問題。

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

想要了解或購買GoJS正版授權(quán)的朋友，歡迎

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