GraphVis图可视化分析组件库 GraphVis图可视化分析组件库
  • 基础介绍
  • 基础功能
  • 交互功能
  • 全局统一配置
  • 标准数据格式定义
  • 组件接口导航
  • 应用开发介绍

    • 快速上手
    • 应用开发步骤
    • VUE框架中应用
    • 业务应用基础流程
  • 事件注册

    • 节点事件
    • 连线事件
    • 场景事件
  • 右键菜单

    • 右键菜单的定义
  • 图布局算法应用

    • 布局算法类型
    • 布局参数说明
    • 布局参数默认配置
  • 图分析算法应用

    • 图的路径分析
    • 节点中心性分析
    • 聚类分析
  • 关系扩线

    • 关系扩线
  • 节点模板配置

    • 自定义节点模板
    • 使用字体图标
  • 关系图类型

    • 层级关系图
    • 流程图
    • 弧线关系图
    • Sankey桑基图
  • 树图类型

    • 径向辐射树图
    • 紧凑树图
    • 缩进树图
    • 打包树图
    • 组织结构图
    • 类思维脑图
应用案例
商用授权
在线示例 (opens new window)
  • 基础介绍
  • 基础功能
  • 交互功能
  • 全局统一配置
  • 标准数据格式定义
  • 组件接口导航
  • 应用开发介绍

    • 快速上手
    • 应用开发步骤
    • VUE框架中应用
    • 业务应用基础流程
  • 事件注册

    • 节点事件
    • 连线事件
    • 场景事件
  • 右键菜单

    • 右键菜单的定义
  • 图布局算法应用

    • 布局算法类型
    • 布局参数说明
    • 布局参数默认配置
  • 图分析算法应用

    • 图的路径分析
    • 节点中心性分析
    • 聚类分析
  • 关系扩线

    • 关系扩线
  • 节点模板配置

    • 自定义节点模板
    • 使用字体图标
  • 关系图类型

    • 层级关系图
    • 流程图
    • 弧线关系图
    • Sankey桑基图
  • 树图类型

    • 径向辐射树图
    • 紧凑树图
    • 缩进树图
    • 打包树图
    • 组织结构图
    • 类思维脑图
应用案例
商用授权
在线示例 (opens new window)
  • 基础使用介绍

    • 基础介绍
    • 基础功能
    • 交互功能
    • 全局统一配置
    • 标准数据格式
  • 接口分类导航

    • 接口导航
      • 一、数据添加或查询类型接口
      • 二、删除数据类操作接口
      • 三、快捷操作类接口
      • 四、功能类接口
      • 五、功能配置类接口
      • 六、图分析类接口
      • 七、图布局计算接口
      • 八、工具类接口
    • 数据添加或查询类接口
    • 删除数据类操作接口
    • 快捷操作类接口
    • 功能类接口
    • 功能配置类接口
    • 图分析类接口
    • 图布局计算接口
    • 工具类接口
  • 应用开发介绍

    • 快速上手
    • 应用开发步骤
    • VUE框架中应用
    • 业务应用基础流程
  • 开发文档
  • 接口分类导航
dubaopeng
2023-02-04
目录

接口导航

# 接口导航

提示

GraphVis组件库,提供了大量的数据操作和交互处理接口,可供业务系统进行产品功能的组装和交互逻辑的整合。

# 一、数据添加或查询类型接口

序号 接口 说明
1 addGraph 批量添加图数据
2 activeAddData 动态扩展节点扩展数据
3 addNode 添加单个节点
4 addNodes 添加多个节点
5 addEdge 添加单个关系连线
6 addEdges 添加多个关系连线
7 getNodes 获取图中所有点
8 getEdges 获取图中所有边
9 getGraphData 获取可视化图数据
10 getVisibleData 获取显示状态的图数据
11 getNodeById 据节点ID获取节点对象
12 getEdgeById 根据连线ID获取连线对象
13 getSelectedNodes 获取所有已选中的节点

# 二、删除数据类操作接口

序号 接口 说明
1 clearAll 清空所有数据
2 deleteNodes 删除指定的多个节点
3 deleteNode 删除单个指定的节点
4 deleteLinks 删除指定的多条连线
5 deleteLink 删除指定的单条连线
6 destory 销毁图客户的对象和数据,一般用于视图页面关闭时,释放内存数据
7 removeSelectNodes 删除已选中的节点

# 三、快捷操作类接口

序号 接口 说明
1 moveCenter 将视图缩放到指定大小后居中显示,默认原始大小居中
2 moveNodeToCenter 将节点移动到画布中心位置
3 onlyShowSelectedNode 只显示已选中节点
4 refreshView 刷新可视化视图
5 reverseSelectNodes 节点反选,对选中的取消选中,对未选中的设置为选中状态
6 selectedAllNodes 将图中所有节点设置为选中状态
7 selectedEdge 选中连线及其两个端点节点
8 selectedNeighbers 选中指定节点的邻居节点
9 showAllLink 显示所有连线
10 showAllNode 显示所有节点
11 zoomFit 场景视图大小自适应缩放
12 zoomIn 场景视图缩小
13 zoomOut 场景视图放大
14 zoomOriginal 场景视图恢复原始1:1大小
15 hideAllLink 隐藏所有连线
16 hideIsolatedNodes 隐藏孤立节点
17 removeAllGroup 清除所有的分组
18 removeCurrentLink 删除当前选中的连线
19 scaleGraph 缩放图数据节点坐标
20 rotateGraph 旋转视图数据节点坐标

# 四、功能类接口

序号 接口 说明
1 addNodesInGroup 将多个节点加入一个分组内
2 addToSelectedElements 将指定的可视化元素加入场景选中对象中
3 applyLinkWeight 按权重缩放连线的宽度
4 applyNodeSize 按度缩放节点大小
5 beginAddLine 以当前节点为起点开始拖动连线
6 convertScenePosition 将页面事件位置转换为可视化场景中的坐标位置
7 covertPagePosition 将场景中的指定坐标转换为页面上的位置
8 detecyCycles 检测图中是否存在环路
10 exportJsonFile 导出图数据JSON文件
11 getConnectLinkOfNodes 获取多个节点之间存在的关系连线
12 getMouseDownPosition 获取鼠标按下的位置
13 getSnapshotImage 获取当前窗口的快照图片base64数据,可保存至服务端或直接显示
14 getViewCenter 获取视图的中心坐标
15 getZoomRatio 获取场景的缩放系数
16 showLoadProcess 显示loading进度条
17 hideLoadProcess 隐藏loading进度条
18 mergeNodes 合并多个节点为一个整体节点
19 parsePathFromNodes 通过路径中的节点数组解析出路径(有向的路径)
20 saveImage 根据配置保存指定大小、文件类型和名称,并可带有水印信息的图片到本地
21 serialized 获取序列化的图数据对象,可以保存为JSON字符串,下次重新绘图
22 removeGroup 删除指定的分组对象
23 removeEventListener 给指定类型的元素绑定对应操作事件,类型有 场景:scene 节点:node, 连线:link
24 removeAllEventListener 移除图中节点或连线对应的所有事件
25 addNodeForDrag 拖拽外部数据到画布上添加节点

# 五、功能配置类接口

序号 接口 说明
1 resetConfig 重新定义可视化全局配置
2 resetEdgeAttributes 重新设置可视化连线对象属性
3 resetNodeAttributes 重新设置节点的属性
4 setDragHideLine 用于开启或关闭拖动画布或元素时,隐藏连线,提升交互性能
5 setShowDetailScale 用于控制缩放到该系数时,隐藏文字等信息,大于该系数时,完全显示信息
6 setSmoothWheelMode 开启或关闭鼠标顺滑模式,开启时滚动鼠标会隐藏连线(大量数据时提升交互性能)
7 setStaticMode 设置为静态模式时,只有鼠标点击相关的操作才能触发交互事件,鼠标移动不产生交互(大量数据时提升交互性能)
8 setZoomRange 设置画布的缩放区间
10 setMouseModel 设置鼠标模式
11 setSceneDragAble 设置画布场景是否可拖动
12 reConfigNodeCluster 统一配置节点的分类展示样式
11 reConfigLinkCluster 统一配置连线的分类展示样式
13 registEventListener 给指定类型的元素绑定对应操作事件,类型有 场景:scene 节点:node, 连线:link
14 registRightMenu 给指定类型的元素注册右键菜单实现,类型有 场景:scene 节点:node, 连线:link
15 definedLinkPaintFunc 注册连线自定义实现方法,如果业务需要定制化连线样式,则需要自定义开发连线绘制过程,实现任意可视化效果
16 definedNodePaintFunc 注册节点自定义实现方法,如果业务需要定制化节点样式效果,则需要自定义开发节点绘制过程,实现任意可视化效果

# 六、图分析类接口

序号 接口 说明
1 centrality 图的节点中心性指标计算, degree 度中心性(in、out、both) betweennes 中介中心性 closeness 紧密中心性
2 community 图的聚类分析计算 louvain
3 findAllPath 查找两点间的所有路径
4 findCycles 查找节点在图中的存在的环路
5 findNLevelRelations 查找节点的指定层级关联节点
6 findShortestPath 查找两点间的最短路径
7 findCommonNeighbors 查找多个节点的共同邻居节点
8 getConnectedComponents 计算图的连通组件,识别图中有几个独立的组
9 miniSpanningTree 计算最小生成树的路径

# 七、图布局计算接口

序号 接口 说明
1 excuteLocalLayout 执行本地可视化布局计算,有动画过程,适用于小规模数据
2 excuteWorkerLayout 执行异步布局计算过程,异步线程计算,可避免大量数据计算时页面阻塞导致卡顿

# 八、工具类接口

序号 接口 说明
1 randomColor 随机生成一个rgb颜色值
2 numScale 数值按照值域区间进行线性比例缩放
3 preResetNodeCoords 预计算节点的坐标
4 customStyle 自定义canvas绘图样式,设置给节点或连线
5 switchAnimate 视图动画开关,当只是动画时,可开启动画模式,性能消耗较高,使用完后需关闭
6 createBaseAnimate 创建基础动画
7 createTimelineAnimate 创建时序动画过程
标准数据格式
数据添加或查询类接口

← 标准数据格式 数据添加或查询类接口→

Theme by Vdoing | Copyright © 2020-2023 www.graphvis.cn. All rights reserved.
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式