GraphInsight容器组件对比说明

GraphInsight提供了多种类型的容器组件，容器组件为对其他小组件的集成。一方面，不同的容器组件样式之间略有差异；另一方面，不同的容器组件可以集成的组件也略有差异。本文即说明这些容器组件之间的差异性。（例如，从下图中可以看出在操作栏中和圣杯布局中的组件集成的差异）

目前提供的容器组件汇总如下图：

 

以下为总的产品组件图，包括容器组件和各类小的组件。除容器组件外，GraphInsight已经将其他小组件细分为以下几个类型，包括画布交互、元素交互、系统交互、数据分析、数据查询、算法分析和工作簿。

 

一、各容器组件样式说明

以下通过图片快速感知不同容器组件在画布展示的样式差异。

1.右键菜单：该容器组件展示为右键菜单

2.圣杯布局左侧/右侧/底部/顶部组件

用“桑基图分析”组件作为示例，分别展示在左侧、右侧、底部的样子。

  

3.下拉导航栏

 

4.侧边栏

 

5.工具栏

 

6.操作栏

 

7.模式切换位置说明

 

二、各组件集成组件差异说明

1.右键菜单：只支持集成图中标注的四个小组件

说明：右键展开功能菜单为用户最常接触的使用场景，而右键菜单作为一次点击就可实现的交互场景，不适合设计过多或过于复杂的功能。所以在GraphInsight中的右键菜单组件中只支持集成四个小组件，如下图所示，包括展开/收起、固定节点、节点提示框、图标注，都是非常轻的小功能。

 

2.圣杯布局/下拉导航栏/侧边栏：

这三个容器组件可集成的小组件是一样的，参见下图。支持集成“元素交互-样式设置”、"系统交互-大图概览、主题设置"、数据分析类组件中除"节点图例"外的其他组件、所有的数据查询组件、算法分析组件，以及支持集成了一个"保存分享"组件的功能。

说明：首先参见上面的容器样式，可以看出圣杯布局、下拉导航栏和侧边栏都占据了画布较大的板块，因此适合集成一些重一点的复杂功能组件。

元素交互和系统交互：样式设置和主题设置、大图概览由于涉及到较为复杂的配置，大图概览则是对于整个画布的统计说明，因此这些功能放在这种板块较大的集成容器中较为合适。

数据分析：节点图例由于直接展示在图上，所以在该组件中无需集成。

其他数据分析、数据查询、算法分析均可集成。

这里还集成了保存分享功能，同样也应该是因为保存分享需要设置名称和描述等配置信息，放在这种板块较大的集成容器中较为合适。

 

3.工具栏

工具栏由于悬浮在画布之上，可集成多种画布交互和系统交互功能，集成的组件如下图。

说明：这里继承了画布交互、系统交互、场景分析和工作簿中的一些功能。

画布交互：工具栏由于悬浮在画布之上，所以画布交互相关的功能放在这里是最好不过了，因此在工具栏集成组件中几乎所有的画布交互组件都可以集成，除了一个小例外：画布设置。

画布设置是什么功能呢？画布设置用于调整：画布的背景，缩放，移动等交互，属于只需要一次配置无需再次调整、非常不常用的功能，因此把该功能放在最容易实现画布交互的工具栏位置不妥，放在其他任意集成组件中也不是很恰当（功能使用率太低），因此GraphInsight干脆把该功能排出了集成组件之外了。

系统交互：系统交互中的大图概览、主题设置由于配置较多，板块占据较大，更适合放在圣杯布局/下拉导航栏/侧边栏。而其他的组件功能如画布占位符、版权、加载动画、初始化器、小地图、多画布页签，跟上述画布设置的功能又是一样的不常用功能，所以依旧是不支持集成组件集成的功能。所以只剩下了快照画廊、力导控制器、新增页签。

场景分析：场景分析中的这两个小组件（地图模式：将节点的地理坐标映射到地图上，3D大图：启用3D视图），对于特殊类型数据展示上还是有非常大的帮助的，因为GraphInsight也将其放在了工具栏区域。

工作簿：导出功能也是非常常用的功能，所以这里GraphInsight将其集成在了工具栏中。

4.操作栏：

操作栏的样式很特殊，它位于画布顶端，非常容易与画布交互，但是他又占据了较大的板块，相当于是工具栏和圣杯布局介于两者之间的组件功能。因此，在可集成组件功能上，操作栏是前面两者的集合。GraphInsight虽没有直接限制相关的功能，但在组件说明中依旧给出了相关提示，例如下图中的放大、缩小……等功能都建议集成在工具栏中。

 

三、总结

总结下不同容器集成的功能差异：

容器类型	容器集成功能
右键菜单	展开/收起、固定节点、节点提示框、图标注
工具栏	画布交互、系统交互、场景分析和工作簿中的一些功能
操作栏	工具栏和圣杯布局的集成
圣杯布局/下拉导航栏/侧边栏	集成“元素交互-样式设置”、"系统交互-大图概览、主题设置"、数据分析类组件中除"节点图例"外的其他组件、所有的数据查询组件、算法分析组件，以及支持集成了一个"保存分享"组件的功能。