一种节点关系图的显示方法、装置及设备制造方法及图纸

本申请公开了一种节点关系图的显示方法，在初始时只请求节点的基本数据，在接收到基本数据之后对其进行可视化展示，同时请求节点的全部数据，进而将全部数据存储至本地数据库，以便后续用户想要查看详细信息时对相应的节点数据进行可视化展示。可见，该方法不会一次性显示关系图的全部内容，初始的关系图只显示节点的基本信息，后续过程中显示用户想要查看的部分节点数据，在大批量节点的场景下，能节省渲染资源，避免频繁请求数据导致请求资源消耗较大的问题，也避免只有在用户操作时才请求数据所导致的请求延时较大的问题。此外，本申请还提供了一种节点关系图显示装置、设备及可读存储介质，其技术效果与上述方法的技术效果相对应。

A display method, device and equipment of node graph

【技术实现步骤摘要】
一种节点关系图的显示方法、装置及设备
本申请涉及计算机
，特别涉及一种节点关系图的显示方法、装置、设备及可读存储介质。
技术介绍
目前，越来越多的网页使用可视化图形去展示数据之间的关系，而基于现在大数据的发展，需要展示的数据越来越多。在大批量数据展示场景下，可视化图形的请求和展示都会变得困难，导致请求慢、可视化图形渲染卡顿等问题。当前的关系图显示方案包括逐次加载和操作加载两个技术方向。其中，逐次加载方法是指，在首次加载时，加载一部分节点数据，率先渲染出来，然后逐次去向服务端请求加载剩下的部分数据，每请求回一部分数据，就渲染界面一次。而操作加载方法是指，在首次加载时，加载一部分节点数据，渲染出来，之后再根据用户在界面上的操作，去请求服务端获取到相对应的数据。逐次加载方法虽然达到了不需要一次性将所有的数据节点加载完的目的，避免请求耗时较长以及渲染卡顿，但是因为分为了多次的请求，还是会造成请求资源上的损耗，且加载时间较长。操作加载方法也达到了不需要一次性将所有数据加载的目的，但是该方法只有在用户操作时才去请求相应的数据，因为请求本文档来自技高网...

【技术保护点】
1.一种节点关系图的显示方法，其特征在于，应用于客户端，包括：/n根据对节点关系图的打开操作，向服务器发送基本数据获取请求；/n接收所述服务器根据所述基础数据获取请求返回的节点的基本数据；/n利用可视化图形插件根据所述基本数据渲染出节点关系图，并向所述服务器发送全部数据获取请求；/n接收所述服务器根据所述全部数据获取请求返回的节点的全部数据，并将所述全部数据存储至本地数据库；/n根据对所述节点关系图的查看操作，利用可视化图形插件对存储在所述本地数据库中相应的节点数据进行可视化展示。/n

【技术特征摘要】
1.一种节点关系图的显示方法，其特征在于，应用于客户端，包括：
根据对节点关系图的打开操作，向服务器发送基本数据获取请求；
接收所述服务器根据所述基础数据获取请求返回的节点的基本数据；
利用可视化图形插件根据所述基本数据渲染出节点关系图，并向所述服务器发送全部数据获取请求；
接收所述服务器根据所述全部数据获取请求返回的节点的全部数据，并将所述全部数据存储至本地数据库；
根据对所述节点关系图的查看操作，利用可视化图形插件对存储在所述本地数据库中相应的节点数据进行可视化展示。


2.如权利要求1所述的方法，其特征在于，在所述接收所述服务器根据所述基础数据获取请求返回的节点的基本数据之前，还包括：
所述服务器根据所述基本数据获取请求，将节点的基本数据转换为json格式以发送至所述客户端。


3.如权利要求1所述的方法，其特征在于，所述根据对所述节点关系图的查看操作，利用可视化图形插件对存储在所述本地数据库中相应的节点数据进行可视化展示，包括：
根据对所述节点关系图的查看操作，确定目标节点的标识信息；
利用javascript脚本根据所述标识信息从所述本地数据库获取所述目标节点的全部数据；
利用可视化图形插件对所述目标节点的全部数据进行可视化展示。


4.如权利要求1所述的方法，其特征在于，所述将所述全部数据存储至本地数据库，包括：
将所述全部数据存储至本地的indexedDB数据库或localStorage数据库。


5.如权利要求4所述的方法，其特征在于，所述将所述全部数据存储至本地的indexedDB数据库或localStorage数据库，包括：
判断本地是否支持indexedDB数据库；
若支持，则将所述全部数据存储至本地的indexedDB数据库；
若不支持，则将所述全部数据存储至本地的localSto...

【专利技术属性】
技术研发人员：苏善宝，范渊，
申请(专利权)人：杭州安恒信息技术股份有限公司，
类型：发明
国别省市：浙江;33