GoJs基本使用示例详解

使用gojs背景

因为公司业务需要,需要完成一个树形的关系图,并且在后续过程中会对树形关系图进行很多的交互来拓展树形图的展示。因此在研究了D3,antV G6,cytoscape和go.js之后,决定使用gojs实现。因为gojs的交互功能封装比较完善,能够很快的搭建出想要的关系图之外,还有很多封装好的交互功能。例如可以使用键盘进行节点的复制和粘贴,通过textEdited属性实现节点内文字的双击编辑等等。

gojs的引入

我们可以直接引入js的方法对gojs进行引入


还可以使用cdn的方式进行使用


当然也可以通过npm进行安装

npm install gojs --save

本文档以引入gojs文件的方式,在vue中使用为例。因此我是在index中引入了gojs文件,因为方便去除水印,并且代码的同步。

然后我们就可以gojs进行使用啦,首先我们需要在使用的页面进行引入。


                    
                    

你可能感兴趣的:(GoJs基本使用示例详解)