JS流程圖解決方案GoJS


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作為前綴

入門教程看這里


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM