优秀的编程知识分享平台

网站首页 > 技术文章 正文

关于GOJS,你了解多少?(gogious)

nanyue 2024-07-20 00:03:16 技术文章 8 ℃

GoJS属于功能丰富的JS库,在Web浏览器和平台上可实现自定义交互图和复杂的可视化效果,GoJS用自定义模板和布局组件简化了节点、链接和分组等复杂的JS图表。

GoJS给用户交互提供了许多先进的功能,如拖拽、复制、粘贴、文本编辑、工具提示、上下文菜单、自动布局、模板、数据绑定和模型、事务状态和撤销管理、调色板、概述、事件处理程序、命令和自定义操作的扩展工具系统。

无需切换服务器和插件,GoJS就能实现用户互动并在浏览器中完全运行,呈现HTML5 Canvas元素或SVG,也不用服务器端请求。 GoJS不依赖于任何JS库或框架,可与任何HTML或JS框架配合工作,甚至可以不用框架。

用功能强大的GoJS可以构建自定义建模环境和特定的可视化语言,使用共享代码和模板提供一个系统编辑器和只读状态监控,在不同的图表中显示相同数据的可视化替代,实现子图或其它图表的详细视图扩展。

GoJS系统本身灵活又强大,有不少介绍其基本概念及典型功能的文章,API接口由几十个重要的类组成,这些类分别阐述了许多相互作用之间的有效功能,其中一些可以做简单的自定义设置, 一些可能需要更复杂的自定义重写。

下面是几个简单的实例:

1、流程图

标准流程图,显示出不同的节点模板和数据绑定,每个节点有3或4个端口的元件。

2、状态图

此示例用于创建更具体的状态图—有限状态机。有限状态机是用于设计计算机程序和时序逻辑电路计算的数学模型。文本可编辑节点和链接,根据需要,用户可以从一个节点绘制许多链接到另一个节点,并且可以在重塑或选定时删除,双击该图的背景创建新的节点,鼠标滚动显示放大或缩小。

3、序列图

序列图用于显示实体之间的顺序操作交互,如:此示例主要展示餐厅不同人之间的互动。

4、概念图

概念图描绘了不同样本思想之间的各种复杂关系,相同数据之间,不同的节点模板自定义ForceDirectedLayout。

5、页面流

此示例使用LayeredDigraphLayout来显示一个虚构的网站流量数据,拖动节点并添加到图表面板、页面(黄色)和Drop(红色)节点上,点击时会显示按钮,此样本中所有节点都可编辑文本,激活TextEditingTool,单击某个节点选择并选定文本,鼠标悬停在多个节点两侧改变鼠标指针,点击区域便可建立一个新的链接LinkingTool。

智能社 撰稿,分享学习更多关注智能社!

Tags:

最近发表
标签列表