如何使用 GoJS HTML5 Canvas 库绘制图表和图形?

htmlweb developmentfront end technology更新于 2025/7/26 18:52:17

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"。


相关文章


有用资源