如何使用 GoJS HTML5 畫布庫繪製圖表和圖形?


GoJS 是一個 JavaScript 庫,你可以用它來實現互動圖表。本頁將向你展示使用 GoJS 的要領。如果你想新增圖表和圖形,那就使用這個開源的庫吧。

GoJS 有模型檢視架構,其模型儲存著描述節點和連結的 JavaScript 物件陣列。要使用實際的節點和連結物件視覺化此資料,圖表會充當檢視。

使用 GoJS 構造圖表會建立一個 HTML5 畫布元素來放置在給定的 DIV 元素中。

如何繪製圖表

開始使用 GoJS,你需要在 HTML 文件中宣告這個庫。然後,你需要載入該庫。載入 GoJS 庫 go.js。

要新增,連結到 GoJS 庫,你可以從 CDNJS 獲取。此外,如果你願意,可以下載 GoJS 庫。

以下是透過 CDNJS 新增它的方法 −

<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.20/go-debug.js"></script>

注意:在開發時載入go-debug.js用於執行時錯誤檢查。部署時,選擇“go.js”。

更新於: 2020 年 2 月 25 日

380 瀏覽量

開啟你的 事業

透過完成課程獲得認證

開始
廣告
© . All rights reserved.