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");