一种知识图谱可视化可交互导航实现的方法与流程

文档序号:23992158发布日期:2021-02-20 13:48阅读:来源:国知局

技术特征:
1.一种知识图谱可视化可交互导航实现的方法,其特征在于,包括:s100.在知识图谱主图绘制方法已经编写完成的前提下,在预设的导航器中绘制同步动态导航图;s200.向导航器添加brush层,用以显示主图当前视口相对于全图节点区域的位置及大小;s300.将主图当前可视区域映射至导航器brush层,实现主图移动、缩放、节点拖动时,导航器brush会作对应的大小、位置的改变;s400.根据brush在导航器中的位置,计算主图节点区域相对于视口的位置,实现当导航器中的brush被移动时,主图视口始终可保持与导航器的brush区域一致;s500.根据主图布局形式,对导航器进行修正;s600.根据主图布局形式切换,对导航器内容进行修正。2.如权利要求1的一种知识图谱可视化可交互导航实现的方法,其特征在于,s100具体方法为:s101.根据不同的显示分辨率,动态获取当前主图视窗的大小,以及预设导航器中,为导航图预留的视窗大小;s102.根据获取的视窗大小,分别计算主图映射至导航器时的宽、高缩放比例;s103.设计导航图绘制方法;s104.在加载主图的方法之后,引入绘制导航图方法,保证主图及导航器同时绘制,以此实现主图节点拖动时,导航图的节点进行同步拖动;s105.根据全图的大小,以及导航器视口的大小,计算比例对导航图进行二次缩放,保证全图都显示在导航器的视口内。3.如权利要求2的一种知识图谱可视化可交互导航实现的方法,其特征在于,s103的具体方法为:在主图绘制方法的基础上,传入s102中计算所得的缩放比例,并在绘制各类宽、高、图像大小时,加入该缩放比例进行计算,使导航图整体形状、动画与主图保持一致,仅比例有所缩放,并在绘制导航图方法中去除节点及连线的文字渲染。4.如权利要求1的一种知识图谱可视化可交互导航实现的方法,其特征在于,s105的具体方法为:s1051.根据导航图节点区域当前相对于导航图视口的位置大小,计算导航器二次缩放的比例;若节点区域超出视口,则进行二次缩放,若未超出,则不进行二次缩放;s1052.根据s1051中计算得出的二次缩放比例,以及导航器视口的宽、高,计算出导航器svg坐标区域的中心坐标;s1053.根据s1051中计算得出的二次缩放比例,以及s1052中计算得出的svg中心坐标,组合成transform属性,并添加至导航器的节点属性中,以达到当节点区域超出视口时,以导航器中心为基准进行缩放,缩放结果为节点区域恰好在导航器窗口的内部并距离边框有间隙。5.如权利要求1的一种知识图谱可视化可交互导航实现的方法,其特征在于,s200的具体方法为:s201.导航器加载时,通过d3.js的brush组件,根据预设的brush区域左上及右下顶点坐标变量,赋予导航器svg一个brush层;
s202.使用css的pointer-events属性,禁用brush的边框以及背景的鼠标交互操作,使用户仅能对brush区域进行拖动。6.如权利要求1的一种知识图谱可视化可交互导航实现的方法,其特征在于,s300的具体方法为:s301.获取主图节点区域、主图视口区域、导航器节点区域、导航器视口区域的区域参数;s302.根据s301中获取的区域参数,计算主图节点区域与视口区域的上、下、左、右距离、计算导航器节点区域与视口区域的上、左距离;s303.根据s301中获取的区域参数,分别用宽、高计算主图和导航图的宽、高缩放比例;s304.在用户主动缩放主图时,获取主动缩放后的主图缩放比例;s305.根据s302和s303中获取的各距离和缩放比例,计算brush区域的左上及右下顶点坐标,即brush区域距离导航器视口区域的上、下、左、右距离;s305.根据s304中计算出的brush区域左上及右下顶点坐标,调用d3.js中brush组件的move方法,设置brush区域的位置及大小,至此主图实时映射至导航器完成。7.如权利要求6的一种知识图谱可视化可交互导航实现的方法,其特征在于,s400的具体方法为:s401.获取导航器中brush区域相对于导航器视口的位置,即通过d3.js中event事件获取brush组件的selection属性,以获取brush区域的左上及右下顶点坐标二维数组;s402.根据s102中计算得出的宽、高缩放比例,s105中计算得出的二次缩放比例,s304中获取的用户主动缩放主图时的主图缩放比例以及s401中获取的brush区域相对于导航器视口的位置,通过公式计算出brush区域所遮盖的导航图区域,映射至主图时主图的transform偏移和缩放量;s403.根据d3.js中event事件的属性,获取当前用户是对主图进行操作还是对导航器brush进行操作,以此为依据为s305和s402中的计算公式添加条件判断。8.如权利要求7的一种知识图谱可视化可交互导航实现的方法,其特征在于,s500的具体方法为:s501.将各布局形式分为中心对齐和左上角对齐两个大类,中心对齐的布局以导航器中心点为缩放原点s502.为4.2中的计算公式添加判断条件,若当前布局为中心对齐的布局,可直接套用4.2中的计算公式;若当前布局为左上角对齐的布局,则需对4.2中的计算公式进行修正,去除坐标系中心偏移量。9.如权利要求1的一种知识图谱可视化可交互导航实现的方法,其特征在于,s600的具体方法为:s601.将各布局形式分为动态布局和静态布局两个大类,动态布局在主图图谱加载完成后,以及用户对节点进行拖动操作后会自动进行惯性移动s602.在主图切换布局时,查询布局动静字典,判断是否需要停止而没有完成的动画效果。
当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1