首页 > web前端 > html教程 > 如何使用GoJS HTML5 Canvas库绘制图表和图形?

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

WBOY
发布: 2023-09-19 08:13:02
转载
1389 人浏览过

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.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板