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


GoJS 是一款 JavaScript 庫,可用於實現互動式圖表。本頁將向你展示使用 GoJS 的要點。如果你想新增圖表和圖形,請使用這款開源庫。

GoJS 採用的是模型-檢視架構,其中模型儲存描述節點和連結的 JavaScript 物件陣列。要使用實際節點和連結物件視覺化這些資料,圖表將充當檢視。

使用 GoJS 構造圖表會建立一個 HTML5 Canvas 元素,將其放置在給定的 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.