GoJs

绘图模板组合成节点和连线，节点和连线组合成图表。本文介绍了一些图表的配置属性来控制节点、连线的分布和交互。

在需求开发过程中，除了需要为用户定制化的提供一些可视化图形之外。还可以提供一些元器件让用户自己去对图形进行一个组合，编辑。实现他们需要的图形。

在实际项目中，有很多时候需要用到更加复杂的节点操作，包括拖拽、复制、粘贴、多端口连接并且手动连线的操作。因此对节点操作技巧做了一个拓展。

可视化图形中除了携带很多信息的节点(node)之外，还需要知道他们之间的关系，而链接他们之间的连线在gojs中是使用go.link进行绘制。

可视化图形主要是由节点和节点之间的关系连线组成，节点内主要是显示的关系角色、部门等主角对象，内部必然有很多的信息。可以根据自己的需求，进行定制化的显示。

go.Panel(面板)的引入，极大的拓展了节点内部布局的拓展空间。其他的布局模板节点内元素的堆砌的话那么go.panel就是让这些元素进行分块，放到更加合适的地方。

在可视化图形中，很多的节点和连线都有某一个特征或者属于某些分类，为了在使用可视化图形的时候更加直观的看出相同类型节点的集合，我们就会用到分组的绘图模板。

在可视化图形的显示中，除了问题和几何图形的标记。很多时候还需要一些图片的显示，让可视化图形的显示更加丰富的同时，也携带更多的信息。

对于一个完整的节点来说，文字是主要的信息说明，几何图形则可以对节点内部进行标记和分割等等操作，让节点的显示更加丰富并且让文字显示内容更加有条理。

GoJs中TextBlock主要是控制节点内部的文本显示, 通过其属性配置可以实现文本的颜色、大小、居中以及对于超长文本内容的显示省略等方面进行分析

完成一个树形的关系图需求，并且在后续过程中会对树形关系图进行很多的交互来拓展树形图的展示。因此在研究了D3，antV G6，cytoscape和go.js之后，决定gojs来进行实现。