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

點(diǎn)擊下載GoJS2.1最新試用版本

GoJS 2.1

新的動(dòng)畫功能

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

• 新的默認(rèn)GoJS動(dòng)畫“逐漸消失”，而不是對(duì)Node位置進(jìn)行動(dòng)畫處理。添加了AnimationManager.initialAnimationStyle以控制此行為。這是一個(gè)例子：

（頂部）新的初始動(dòng)畫，“圖”位置向上動(dòng)畫，“圖不透明度”從0到1動(dòng)畫。

（中部）一個(gè)自定義的“放大”動(dòng)畫，動(dòng)畫化了圖比例，在新的狀態(tài)圖示例中進(jìn)行了演示，

（底部）將AnimationManager.initialAnimationStyle設(shè)置為AnimationManager.AnimateLocations以執(zhí)行GoJS 2.0和以前的動(dòng)畫樣式。該數(shù)據(jù)可視化示例使用此選項(xiàng)。

• 添加了"InitialAnimationStarting" DiagramEvent以更輕松地自定義初始動(dòng)畫。有關(guān)詳細(xì)信息，請(qǐng)參見(jiàn)

• AnimationManager.initialAnimationStyle。
  

• 新類：AnimationTrigger。這些內(nèi)容描述了如何在GraphObject更改值時(shí)自動(dòng)為其設(shè)置動(dòng)畫。
  

• 新課程：動(dòng)畫。此類允許您以聲明方式設(shè)置自定義動(dòng)畫，并提供不確定動(dòng)畫的選項(xiàng)。
  

• 新的AnimationManager選項(xiàng)，包括定義自定義動(dòng)畫效果以與AnimationManager.defineAnimationEffect
  

• 新的動(dòng)畫示例和經(jīng)修改以使用新的動(dòng)畫功能的示例：

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

改進(jìn)了對(duì)數(shù)據(jù)同步的支持

GoJS 2.1包含一些新方法，可簡(jiǎn)化GoJS圖表在維護(hù)自己數(shù)據(jù)的應(yīng)用程序（尤其是React應(yīng)用程序）中的集成。

• 新方法：Model.toIncrementalData。與現(xiàn)有方法Model.toIncrementalJson相似，此方法輸出一個(gè)IncrementalData對(duì)象，該對(duì)象包含在Transaction中發(fā)生的更改。它可用于使外部數(shù)據(jù)與GoJS模型保持同步。
  

• 新方法：Model.mergeNodeDataArray和GraphLinksModel.mergeLinkDataArray。這些方法用于將外部數(shù)據(jù)更改合并到GoJS模型中。
  

• 新方法：Model.cloneDeep。此方法可用于制作對(duì)象的深層副本，這對(duì)于確保GoJS不會(huì)與外部狀態(tài)共享引用很有用。還可以在Model.toIncrementalData中使用它，以確保IncrementalData的修改對(duì)象列表不包含對(duì)模型數(shù)據(jù)對(duì)象的引用。

2.1.1的更改

• 修復(fù)了更新裝飾品當(dāng)有小號(hào)綁定從s Model.modelData 和該共享對(duì)象已經(jīng)通過(guò)調(diào)用改性Model.set的問(wèn)題。
  

• 清理舊模時(shí)替換Diagram.model時(shí)提高了性能，這種情況很少會(huì)在調(diào)試模式下導(dǎo)致有關(guān)Node.isTreeLeaf的模糊警告。
  

• 修復(fù)了使用序列化EnumValues加載模型的問(wèn)題。
  

• 并發(fā)動(dòng)畫的性能改進(jìn)。
  

• 修復(fù)了動(dòng)畫狀態(tài)的一致性。這包括修改何時(shí)AnimationStarting和InitialAnimationStarting被調(diào)用，以及修復(fù)何時(shí)停止默認(rèn)動(dòng)畫并立

  即啟動(dòng)另一個(gè)動(dòng)畫（例如在動(dòng)畫中間加載新模型時(shí)）的問(wèn)題。
  

• 修復(fù)了帶有序列化EnumValues的Model.fromJson加載模型的問(wèn)題。
  

• 改進(jìn)了在圖之間拖動(dòng)時(shí)顯示非默認(rèn)光標(biāo)的功能。
  

• 修復(fù)了在拖動(dòng)Group元素時(shí)對(duì)Diagram.handlesDragDropForTopLevelParts的操作的問(wèn)題。
  

• 修復(fù)了在某些瀏覽器中Diagram.scrollHorizontalLineChange和Diagram.scrollVerticalLineChange不會(huì)影響滾動(dòng)大小的錯(cuò)誤的問(wèn)題。
  

• 修復(fù)了一個(gè)錯(cuò)誤，該錯(cuò)誤使某些避免節(jié)點(diǎn)鏈接無(wú)法在嵌套組中正確路由。

2.1.0的更改：

• 將DoubleTreeLayout添加到了extensions和extensionsTS目錄。Double Tree和Double Tree JSON示例現(xiàn)在都使用此 方法。將“ ChangingSelection”和“ ChangedSelection” DiagramEvent的順序更新為命令和工具的事務(wù)之外。例外包括在拖動(dòng)復(fù)制或插入鏈接時(shí)在“拖動(dòng)”和“鏈接”操作期間調(diào)用“ ChangingSelection”。在事務(wù)完成之后發(fā)生“ ChangedSelection”時(shí)，所有更改都將完成并且可以在偵聽(tīng)器中使用。

• 現(xiàn)在，默認(rèn)情況下，CommandHandler.zoomToFit會(huì)設(shè)置動(dòng)畫。

• 改進(jìn)了ContextMenuTool.defaultTouchContextMenu的“粘貼”命令，以使用ContextMenuTool.mouseDownPoint 而不是Diagram.lastInput的InputEvent.documentPoint。

• 添加了新屬性Diagram.opacity。這對(duì)于淡入/淡出動(dòng)畫或禁用圖表的視覺(jué)指示可能很有用。

• 添加了新方法Diagram.findLinkForKey，它將查找與模型的鏈接數(shù)據(jù)對(duì)象的唯一鍵對(duì)應(yīng)的鏈接。僅當(dāng)在GraphLinksModel.linkKeyProperty設(shè)置為非空字符串的情況下使用GraphLinksModel時(shí)，才返回鏈接。

• 如果JSON中包含的模型屬性（例如，nodeKeyProperty）與現(xiàn)有模型不匹配，則Model.applyIncrementalJson現(xiàn)在會(huì)引發(fā)錯(cuò)誤。此檢查僅包括Model.toIncrementalJson輸出中包含的屬性。

• 添加了新方法，Picture.reload（在服務(wù)器上的文件已更改的情況下重新加載Picture源）和Picture.redraw（在重新繪制圖片時(shí)），如果源由HTML Canvas或HTML視頻元素。

• 添加了新樣本：SVG數(shù)據(jù)URL-使用Base64 hrefs而不是Picture.source URL導(dǎo)出SVG

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

點(diǎn)擊查看GoJS2019年最新連載教程

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

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