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

WBOY
WBOY 转载
2023-09-19 08:13:02 774浏览

GoJS 是一个 JavaScript 库,您可以使用它来实现交互式图表。本页将向您展示使用 GoJS 的要点。如果您想添加图表和图表,请使用这个开源库。

GoJS 具有模型视图架构,其中模型保存 JavaScript 对象数组,这些对象描述节点和链接。为了使用实际的 Node 和 Link 对象可视化此数据,图表充当视图。

使用 GoJS 构建图表会创建一个要放置在给定 DIV 元素内的 HTML5 Canvas 元素。

如何绘制图表

开始使用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”。

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

以上就是如何使用GoJS HTML5 Canvas库绘制图表和图形?的详细内容,更多请关注php中文网其它相关文章!

声明:本文转载于:tutorialspoint,如有侵犯,请联系admin@php.cn删除