沅芷湘兰

为了增加可视化图形的交互，本文介绍了节点的鼠标移入移出和点击事件的来修改操作的节点或者关联的节点和连线的样式修改。以达到做对应动作的时候，显示出一个高亮的效果。

本文是通过工具类来兼容按键的点击之后根据keyCode来判断不同的按键点击之后去执行原本绑定的一个操作逻辑来实现脑图部分的快捷键操作。

在可视化图形的树形图或者流程图等图形中，不是靠中间的连线来表明两个节点之间的关系，而是通过上下级关系来表明两者之间的父子关系。因此可以通过切换父级节点来修改上下级关系。

可以通过修改箭头的样式来标记节点之间不同的关系，也可以通过设置箭头的样式来标记两个节点之间的路径，来实现对人物关系图的人物之间的关系分析。

在较为复杂的关系图当中，一般都是选择力导向布局进行布局.但是图数据量确实比较大的话，也会让中间的关系变的很复杂，因此寻找到全部的路径和最短的路径更加方便处理分析出不同的节点也就是角色之间的关系。

前在可视化图形的操作的时候，有的时候在不修改容器的情况下。可能会需要更改图形的布局和数据来实现不同的数据的不同的布局显示，更加容易进行对比分析数据达到数据分析的效果。

在可视化图形中为了方便区分，需要给图形一个标题。可以在画布外面用html调整位置之后作为图形的标题，当然也可以在画布内部进行一个标题的绘制。在画布上的节点数量很大的时候，也需要用到缩略图来帮助操作。

在可视化图形的分析中，对基础图形进行增删改之后。除了保存修改之后的可视化数据之外。还需要保存为图片或者svg进行分享。

在gojs中因为有自己的绘图模板和一些语法限制，实际上都是在canvas标签的特性上进行的封装。但是有些时候其拓展就不能满足需求的时候，可以对其和html结构进行一些交互，达到自己显示上的特殊。