[发明专利]一种在力导向图中实现鹰眼视图的方法和装置

说明书

本发明实施例公开了一种在力导向图中实现鹰眼视图的方法和装置，该方法包括：获取力导向图，并复制所述力导向图可缩放矢量图形svg下的文档对象模型DOM；根据所述DOM的尺寸以及鹰眼视图的尺寸对所述DOM进行缩放，以在所述力导向图中实现鹰眼视图功能。通过该实施例方案，在力导向图中简便、快速的实现了鹰眼视图。

技术领域

本发明实施例涉及计算机技术，尤指一种在力导向图中实现鹰眼视图的方法和装置。

背景技术

D3.js(Data-Driven Document，是一个JavaScript的函数库，用来做数据可视化)实现的拓扑图由于大多情况下节点较多，火狐浏览器与互联网资源管理器ie浏览器中无法显示为画布canvas状态，不便于实现鹰眼视图。

发明内容

为了解决上述技术问题，本发明实施例提供了一种在力导向图中实现鹰眼视图的方法和装置，能够在力导向图中简便、快速的实现鹰眼视图。

为了达到本发明目的，本发明实施例提供了一种在力导向图中实现鹰眼视图的方法，所述方法可以包括：

获取力导向图，并复制所述力导向图可缩放矢量图形svg下的文档对象模型DOM；

根据所述DOM的尺寸以及鹰眼视图的尺寸对所述DOM进行缩放，以在所述力导向图中实现鹰眼视图功能。

在本发明的示例性实施例中，所述获取力导向图可以包括：使用d3.js实现所述力导向图。

在本发明的示例性实施例中，所述根据所述DOM的尺寸以及鹰眼视图的尺寸对所述DOM进行缩放可以包括：

获取所述DOM的尺寸以及鹰眼视图的尺寸；

比较所述DOM的尺寸以及所述鹰眼视图的尺寸，并根据比较结果获取缩放参数；

将所述DOM掺入鹰眼视图后，根据获取的缩放参数进行缩放。

在本发明的示例性实施例中，所述缩放参数可以包括缩放比例。

在本发明的示例性实施例中，所述方法还可以包括：对所述DOM进行缩放后，将所述DOM插入所述鹰眼视图中的svg标签。

为了达到本发明目的，本发明实施例还提供了一种在力导向图中实现鹰眼视图的装置，所述装置可以包括：获取模块和缩放模块；

所述获取模块，可以用于获取力导向图，并复制所述力导向图可缩放矢量图形svg下的文档对象模型DOM；

所述缩放模块，可以用于根据所述DOM的尺寸以及鹰眼视图的尺寸对所述DOM进行缩放，以在所述力导向图中实现鹰眼视图功能。

在本发明的示例性实施例中，所述获取模块获取力导向图可以包括：使用d3.js实现所述力导向图。

在本发明的示例性实施例中，所述缩放模块根据所述DOM的尺寸以及鹰眼视图的尺寸对所述DOM进行缩放可以包括：

获取所述DOM的尺寸以及鹰眼视图的尺寸；

比较所述DOM的尺寸以及所述鹰眼视图的尺寸，并根据比较结果获取缩放参数；

将所述DOM掺入鹰眼视图后，根据获取的缩放参数进行缩放。

在本发明的示例性实施例中，所述装置还可以包括：插入模块；

所述插入模块，用于对所述DOM进行缩放后，将所述DOM插入所述鹰眼视图中的svg标签。

为了达到本发明目的，本发明实施例还提供了一种在力导向图中实现鹰眼视图的装置，可以包括处理器和计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令被所述处理器执行时，实现上述任意一项所述的在力导向图中实现鹰眼视图的方法。