GoJS 2.1 发布: 阅读所有 新功能和更改

新的动画功能,包括指定自定义动画的功能,详情请参见 动画介绍页.

新增:一个用于简化React集成的React组件, gojs-react和一个使用该组件的React示例 gojs-react-basic. 更多有关信息,请参见React中使用GoJS简介页面

新增:一个用于简化Angular集成的Angular组件 gojs-angular,以及一个使用该组件的Angular示例 gojs-angular-basic. 更多有关信息,请参见 Angular中使用GoJs简介页面

GoJS是一个JavaScript和Typescript库,用于构建交互式的图

从简单的流程图和组织结构图到高度特定的工业图,SCADA和BPMN图,基因图和爆发型模型等医学图,等等。GoJS使用可自定义的模板和布局使构建复杂节点,链接和组的图变得容易。

GoJS提供了用于用户交互的高级功能,例如拖放,复制和粘贴,就地文本编辑,工具提示,上下文菜单,自动布局,模板,数据绑定和模型,事务状态和撤消管理,调色板,概述,事件处理程序,命令,用于自定义操作的可扩展工具以及可自定义的动画。

我们维护着数百个 示例图, 为您详细介绍了交互性,模板和用户逻辑的不同示例。在评估期间,我们提供免费的开发人员对开发人员支持

Flowchart

流程图

建立交互式流程图或流程图。让您的用户使用JSON模型输出来构建,修改和保存图。
State Chart

状态图

可视化状态图和其他行为图。创建具有实时更新的图表以监视状态,或创建交互式图表以进行计划。
Sankey Diagram

桑基图

GoJS允许对链接和节点进行大量自定义,以构建各种图。可视化流量或连接管道
Leaflet Map

Genogram 图

创建Genogram和Medical图,或创建具有可折叠级别的可编辑族谱。
Org Chart

组织图

创建经典的组织结构图以进行查看或编辑。自动布局使不同的可视化选项变得容易。
Dynamic Ports Demo

动态端口

动态添加端口和自定义链接路由。使用数据绑定在Model JSON中保存和加载路由。
Data Visualization

工业流程图

为工业流程,工作流,SCADA图等建模。权限和验证使您在客户构建图时轻松添加规则和约束。
Regrouping Demo

动态分组

将组用作容器和子图,组成员受其自己的规则和布局限制。

GoJS is implemented in TypeScript and can be used as a JavaScript library or built into your project from TypeScript sources. GoJS normally runs completely in the browser, rendering to an HTML Canvas element or SVG without any server-side requirements. It can also run in headless or server environments, like Node. GoJS does not depend on any libraries or frameworks, and can work alongside Angular, React, within Electron, or with no framework at all.

Build custom modeling environments and domain-specific visual languages using the powerful features of GoJS. Provide both a system editor and a read-only status monitor using shared code and templates. Simultaneously show alternative visualizations of the same data in different diagrams. Implement drill-down using expansion of subtrees and subgraphs or a detailed view in another diagram.

Our thorough documentation introduces the basic concepts and demonstrates typical features that most apps want to offer. Nodes and links can be arbitrarily detailed according to the needs of the application. There are many properties that permit simple permissions and customizations, and some methods may be overridden for more complicated customizations.

将GoJS与您喜欢的框架一起使用

We publish a react component, gojs-react to simplify React integration, and host a React sample using GoJS called gojs-react-basic. See the GoJS with React introduction page for more information.

We publish an Angular component, gojs-angular to simplify Angular integration, and host a Angular sample using GoJS called gojs-angular-basic. See the GoJS with Angular introduction page for more information.

我们有一个Vue.js与GoJS结合使用的示例.

探索

运行200多个示例应用程序,这些应用程序演示了流程图,组织结构图,思维导图,UML图,BPMN图,图形编辑器,数据可视化,自定义工具和布局等。

查看交互性例子

学习

开始逐步介绍如何使用GoJS和一些模型数据在HTML中构建JavaScript图。

GoJs快速入门教程 观看视频教程

下载

获取该库以及所有示例,扩展和文档的副本。搜索JavaScript代码并修改示例以启动您的应用。

下载资源包 克隆GitHub仓库 通过NPM安装

技术文档

阅读我们的简介以获取GoJS概念和功能的概述,其中包括每页中直接嵌入的数百个实时交互式示例。

阅读介绍页面

API 文档

阅读我们的综合文档,以深入了解所有JavaScript类的属性和方法。

查看API文档

详细的版本发布记录请参阅更新日志.