GoJS是一款功能强大,快速且轻量级的流程图控件,可帮助你在JavaScript 和HTML5 Canvas程序中创建流程图。
标签:JavaScript HTML5图表开发商: Northwoods
当前版本: v2.1.32
产品类型:控件
产品功能:图表
平台语言:DHTML / JavaScript
开源水平:不提供源码
本产品的分类与介绍仅供参考,具体以商家网站介绍为准,如有疑问请来电 023-68661681 咨询。
声明:本产品中文介绍为慧都网版权所有,未经慧都公司书面许可,严禁拷贝、转载!
* 关于本产品的分类与介绍仅供参考,精准产品资料以官网介绍为准,如需购买请先行测试。
GoJS可以轻松构建节点,链接和组的交互式图表,以及可自定义的模板和布局。
完全互动的图表
可扩展的布局和工具系统
数据绑定和模型
事务状态和撤消管理
移动支持
GoJS支持图形模板和对象属性与模型数据的数据绑定。只需要保存和恢复由简单JavaScript对象组成的模型。GoJS使您可以轻松地以JSON格式读取和编写模型。
我们通过交互式示例提供全面的API文档和GoJS概念的深入概述。有超过90个样本,您会发现许多GoJS属性和方法的例子。
GoJS利用HTML Canvas来支持高性能图表。为了创建静态文档和可打印资源,GoJS支持将图表导出为图像和SVG。GoJS支持所有现代浏览器(IE9 +),包括移动浏览器。
作为应用于大型图形的一项通用技术,此功能允许用户控制树形图的显示部分。 GoJS 中内置了展开和折叠子树功能,如以下示例所示,其中与 IsExpandedTree 属性绑定了一个按扭。
许多图形类型,例如工作流程图或业务流程建模符号(BPMN),使用分组技术来组织图形。 GoJS 中支持分组功能,包括支持与层级结构的定义相关的数据绑定以及在 DataTemplate 中定义组的外观的数据绑定。
![]() | ![]() |
缺省组 DataTemplate | DataTemplate XAML 所定义的组 |
子组也可展开/折叠,如下图所示:
子图外部的链接可连接至子图内部的节点、子图的边缘,或者子图边界的边缘的特定端口:
带有输入和输出端口的子图
可将图形对象置于不同层中以定义其 Z-order 。缺省情况下,DiagramPanel 具有 9 层,其中包括背景层、缺省和前景节点链接层以及输入工具和装饰(例如选择手柄)层。
许多图形应用程序使用面板来支持向视图中拖放新元素。 GoJS也提供了一种类型特别的面板图形。其中以矩形网格形式显示一系列节点。在此面板中,您可以使用与常规图形不同的多种 DataTemplate,以针对每项提供更小更简洁的外观。
Logic Circuit 中的面板控件
此控件显示另一图形的整个模型的一个缩略图以及该图形的视图。用户可单击预览控件或拖入该控件以查看其他图形的视图。
缺省情况下,标准剪贴板功能处于启用状态,但是当应用程序不需要该功能时,将禁用标准剪贴板功能。
为了支持无限制并且自定义的 undo 和 redo 操作,UndoManager 跟踪对图形模型所作的更改。更改按事务进行逻辑分组。
GoJS 支持滚动图形和缩放图形功能。您可通过设置 DiagramPanel 属性来按程式执行滚动、放大或缩小操作。用户可使用滚动条或平移工具滚动图形,可使用 Control-Mouse-Wheel 来放大或缩小图形。
支持图形中任何文本的内置文本编辑。仅需单击启用文本编辑的任何文本即可对该文本进行编辑。
GoJS 控件支持选择功能,此控件简化访问与当前所选节点绑定的数据的过程。您可通过提供定制数据模板来自定义选择句柄和工具手柄(例如,用于调整大小)。
GoJS 中预定义了超个 195 种的常用图形形状以用于常规节点定义中。 Node Figures 样本显示了所有这些图形形状。
版本更新 |
GoJS v2.1.32
轻量级流程图控件GoJS最新版本v2.1.32发布,修复了修复了自动滚动不会在Diagram.allowHorizontalScroll和 Diagram.allowVerticalScroll不允许的方向进行的操作。 |
2020-12-29 11:00:54.000 |
GoJS v2.1.31
轻量级流程图控件GoJS最新版本v2.1.31发布,修复了自2.1.30开始的回归,该回归可能导致库无法在React或Angular环境中加载,并且会引发TypeError。 |
2020-12-09 09:57:40.000 | |
文章 |
流程图控件GoJS教程:内置GraphObject类各指数介绍(二)
GraphObject类是所有图形对象的抽象基类。从GraphObject继承的类包括:Shape、TextBlock、Picture和Panel。本文介绍了GraphObject类各指数介绍。 |
2021-01-20 11:48:45.293 |
流程图控件GoJS教程:内置GraphObject类各指数介绍
这是所有图形对象的抽象基类。从GraphObject继承的类包括:Shape、TextBlock、Picture和Panel。部件类从面板类派生,节点类和链接类从面板类派生。 |
2021-01-13 10:57:02.983 | |
视频 |
GoJS入门视频系列
此播放列表包括概述视频和其他六个。在本视频系列中,您将学习GoJS的基本构建模块,并在各个视频中探索这些不同的元素。我们涵盖了零件,面板,图模型,甚至实时探索GoJS应用程序。 |
2020-11-13 13:18:38.000 |
GoJS新手?从这里开始!
这是一个12分钟的基本概述,您将在其中学习构建简单的图表。您将了解GoJS的功能。我们建议您先从这里开始,然后再转到初学者和中级播放列表。 |
2020-11-13 13:15:32.000 | |
演示示例 |
GoJS在线示例:Minimal Blob
此示例说明如何将带有选项和必需选项的Diagram.makeImageData使用。 returnType: "blob"callback Blob可能不受支持,或在所有浏览器上均能正常工作。此代码已经过Chrome,Firefox,IE11和Edge的测试。 |
2020-09-16 11:42:46.000 |
GoJS在线示例:Genogram
甲系图或谱系图是一个扩展的家谱图,其关于每个个人或每个关系来显示信息。 有一些函数可以将属性值转换为画笔颜色或Shape几何形状,并添加到代表人物的Node上。 自定义的LayeredDigraphLayout进行布局,假设有一个中心人物,其父母双方都有自己的祖先。在这种情况下,我们关注“ Bill”,但是“ Alice”和“ Aaron”的任何子代都可以工作。重写的添加功能允许丈夫/妻子对由单个LayeredDigraphVertex表示。 |
2020-08-28 10:28:07.000 |
更新时间:2020-12-29 11:00:54.000 | 录入时间:2012-09-25 09:44:31.000 | 责任编辑:杨鹏连
登录 慧都网发表评论
折叠功能设计的好不错,操作比较符合大众,不过,图表不太好看,不是很喜欢。
去http://www.gojs.net官方网站下载即可。试用有水印,正版授权国外的比较贵。 有需要破解的可以联系suxiaojack#163.com
还不能下载!哎,再等等呗。
才推出的控件,据说速度不错,可以下来试试。