交互功能
# 交互功能
提示
交互功能是基于画布场景视图的快捷操作，如：放大、缩小、居中、旋转、自适应、全选、反选、刷新等。
# 1、场景视图的缩放操作
| 接口 | 说明 | 参数 |
|---|---|---|
| zoomFit | 场景视图大小自适应 | 无 |
| zoomIn | 场景视图缩小 | 无 |
| zoomOut | 场景视图放大 | 无 |
| zoomOriginal | 场景视图恢复原始1:1大小 | 无 |
# 2、视图中节点坐标的缩放、旋转操作
| 接口 | 说明 | 参数 |
|---|---|---|
| scaleGraph | 图中节点坐标放大或缩小，使视图更清晰 | scale : 缩放系数 [0.1-20] |
| rotateGraph | 图中节点旋转，使视图更协调 | angle：旋转角度 [0-360] |
# 3、刷新视图
| 接口 | 说明 | 参数 |
|---|---|---|
| refreshView | 当数据手动修改过属性之后，需要刷新视图才会及时更新可视化效果 | 无 |
# 4、节点的全选和反选
| 接口 | 说明 | 参数 |
|---|---|---|
| selectedAllNodes | 全部选中视图中的所有节点 | 无 |
| reverseSelectNodes | 节点反选，对选中的取消选中，对未选中的设置为选中状态 | 无 |
| onlyShowSelectedNode | 只显示已选中节点 | 无 |
| removeSelectNodes | 删除已选中的节点 | 无 |
# 5、移动场景位置
| 接口 | 说明 | 参数 |
|---|---|---|
| moveCenter | 将视图缩放到指定大小后居中显示，默认原始大小居中 | scale：缩放系数[0.1,10] |
| moveNodeToCenter | 将节点移动到场景中心位置 | node：节点对象或者 指定x和y坐标的对象，times: 移动动画持续时长 |
# 6、获取场景图片
| 接口 | 说明 | 参数 |
|---|---|---|
| getSnapshotImage | 获取当前窗口视图的快照图片base64数据,可保存至服务端或直接img标签显示 | 无 |
| saveImage | 根据配置保存指定大小、文件类型和名称，并可带有水印信息的图片到本地 | config : 图片配置信息，配置参数如下所示 |
{
width:6000, //图片最大宽度
height:6000,//图片最大高度
type:'png', //图片类型，支持png|jpeg
fileName:'Graph', //文件名
background:'#fff', //图片背景色
textWatermark:{ //图片文字水印配置
content:'GraphVis图可视化分析', //水印文字
angle : -30, //倾斜角度
alpha : 0.2, //透明度
fontStyle:'normal', //文字样式，如：normal|bold|500
fontSize : 60, //文字大小
fontFamliy:'Arial', //文字类型
fontColor : '#666' //文字颜色
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# 7、可视化图自适应调整
| 接口 | 说明 | 参数 |
|---|---|---|
| resize | 当画布嵌入在页面中，左右导航栏或者工具栏伸缩后，需要调用该接口调整视图分辨率 | 无 |
# 8、销毁客户端对象和数据
| 接口 | 说明 | 参数 |
|---|---|---|
| destory | 当在单页应用中使用时，如果页面关闭或者退出，需要调用销毁接口，解除事件绑定和内存数据 | 无 |