GoJs簡介

一個實現交互類圖表（比如流程圖，樹圖，關系圖，力導圖等等）的JS庫
GoJS依賴于HTML5，所以請保證您的瀏覽器版本支持HTML5，當然還要加載這個庫。

首先個人建議先下載官方實例的 離線版本【內網訪問不是很好所以建議緩存下載下來在來看】,其次希望你有個谷歌瀏覽器！（方便于翻譯成中文閱讀不費勁！）

下載界面 https://gojs.net/latest/download.html

點擊這里下載

<!-- 調式或開發模式下請使用 go-debug.js --><script src="go-debug.js"></script><!-- f非調式或開發模式下請使用 go.js --><script src="go.js"></script>

每個GoJS圖表必須包含在一個指定寬高的div容器內

<!-- 這個DIV必須指定寬高，否者不會被渲染出來我們通常為DIV設置一個背景顏色以便于我們更便捷的觀察 --> <div id="myDiagramDiv"style="width:400px; height:150px; background-color: #DAE4E4;"></div>

在JS代碼部分，您需要傳入一個div的id作為參數來創建一個圖表,這里不多說案例里很明了多看！

var $ = go.GraphObject.make; var myDiagram =$(go.Diagram, "myDiagramDiv");

PS : 所有GoJS的屬性和方法都在go這個命名空間下。所有GoJS的類名，例如Diagram、Node、Panel、 Shape、TextBlock也都使用go作為前綴

入門教程看這里

轉載于:https://www.cnblogs.com/userzf/p/11327024.html

總結

以上是生活随笔為你收集整理的JS流程图解决方案GoJS的全部內容，希望文章能夠幫你解決所遇到的問題。

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